/*
 * Cross-page device adaptation for the Garui metaverse H5.
 * Mobile remains touch-first; desktop expands shared components without
 * duplicating data or business logic.
 */

html.bitmeta-device-desktop {
  color-scheme: dark;
  --bitmeta-desktop-gutter: clamp(24px, 3.2vw, 48px);
}

html.bitmeta-device-desktop body {
  min-width: 900px;
  background: #100b1d;
}

html.bitmeta-device-mobile #bitmetaSceneHub button,
html.bitmeta-device-mobile .meta-bottom-sheet button,
html.bitmeta-device-mobile .estate-layer button {
  touch-action: manipulation;
}

/* Home */
@media (min-width: 900px) {
  html.bitmeta-device-desktop #bitmetaSceneHub {
    width: 100%;
    max-width: none;
    margin: 0;
    overflow-x: hidden;
    overflow-y: auto;
  }

  html.bitmeta-device-desktop .meta-scene-media {
    background-color: #2b2050;
    background-image:
      radial-gradient(ellipse at 50% 78%, rgba(74, 42, 116, .22), transparent 54%),
      url("/m/static/images/metaverse/ai-metaverse-hero-desktop-2880x1800.jpg?v=20261029hero1");
    background-position: center center, center center;
    background-repeat: no-repeat;
    background-size: cover, cover;
  }

  html.bitmeta-device-desktop .meta-scene-fallback,
  html.bitmeta-device-desktop .meta-scene-video {
    display: none !important;
  }

  html.bitmeta-device-desktop .meta-scene-inner {
    width: min(1280px, 100%);
    min-height: calc(100vh - 50px);
    margin: 0 auto;
    padding: 22px var(--bitmeta-desktop-gutter) 34px;
  }

  html.bitmeta-device-desktop .meta-scene-top {
    min-height: 46px;
    align-items: center;
  }

  html.bitmeta-device-desktop .meta-scene-brand {
    gap: 11px;
    font-size: 16px;
  }

  html.bitmeta-device-desktop .meta-scene-logo {
    flex-basis: 42px;
    width: 42px;
    height: 42px;
    border-radius: 11px;
  }

  html.bitmeta-device-desktop .meta-scene-pro-entry {
    height: 40px;
    padding: 0 18px;
    border-radius: 12px;
    font-size: 14px;
  }

  html.bitmeta-device-desktop .meta-scene-head-actions {
    align-items: flex-end;
  }

  html.bitmeta-device-desktop .meta-scene-tabs {
    display: grid;
    width: min(760px, 100%);
    min-height: 44px;
    margin: 17px auto 0;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 9px;
  }

  html.bitmeta-device-desktop .meta-scene-tab {
    height: 42px;
    border-radius: 12px;
    font-size: 13px;
    line-height: 40px;
  }

  html.bitmeta-device-desktop .meta-scene-tab:hover {
    color: #fff;
    border-color: rgba(234, 215, 255, .38);
    background: rgba(115, 80, 157, .38);
  }

  html.bitmeta-device-desktop .meta-scene-copy {
    margin-top: 34px;
  }

  html.bitmeta-device-desktop .meta-scene-copy h1 {
    font-size: clamp(28px, 2.65vw, 42px);
    letter-spacing: -.035em;
  }

  html.bitmeta-device-desktop .meta-scene-star {
    margin-right: 11px;
  }

  html.bitmeta-device-desktop .meta-scene-copy p {
    margin-top: 8px;
    font-size: 16px;
  }

  html.bitmeta-device-desktop .meta-scene-gap {
    min-height: clamp(110px, 17vh, 210px);
  }

  html.bitmeta-device-desktop .meta-scene-composer,
  html.bitmeta-device-desktop .meta-scene-create,
  html.bitmeta-device-desktop .meta-scene-quick-actions {
    width: min(920px, 100%);
    margin-right: auto;
    margin-left: auto;
  }

  html.bitmeta-device-desktop .meta-scene-composer {
    flex-basis: 72px;
    padding-left: 30px;
  }

  html.bitmeta-device-desktop .meta-scene-composer input {
    font-size: 19px;
  }

  html.bitmeta-device-desktop .meta-scene-voice {
    flex-basis: 50px;
    width: 50px;
    height: 50px;
  }

  html.bitmeta-device-desktop .meta-scene-create {
    min-height: 60px;
    margin-top: 14px;
    border-radius: 16px;
    font-size: 20px;
  }

  html.bitmeta-device-desktop .meta-scene-quick-actions {
    margin-top: 14px;
    gap: 12px;
  }

  html.bitmeta-device-desktop .meta-scene-quick-actions .meta-scene-blindbox,
  html.bitmeta-device-desktop .meta-scene-quick-actions .meta-scene-mine,
  html.bitmeta-device-desktop .meta-scene-quick-actions .meta-scene-tasks {
    min-height: 48px;
    border-radius: 14px;
    font-size: 13px;
  }

  html.bitmeta-device-desktop .meta-scene-quick-actions button:hover {
    filter: brightness(1.08);
    transform: translateY(-1px);
  }

  html.bitmeta-device-desktop .meta-scene-cards {
    display: grid;
    width: 100%;
    height: auto;
    margin-top: 24px;
    grid-template-columns: repeat(5, minmax(0, 1fr));
    gap: 16px;
    overflow: visible;
  }

  html.bitmeta-device-desktop .meta-scene-card {
    flex: none;
    width: 100%;
    height: 210px;
    border-radius: 17px;
    transition: transform .22s ease, border-color .22s ease, box-shadow .22s ease;
  }

  html.bitmeta-device-desktop .meta-scene-card:hover {
    border-color: rgba(255, 232, 184, .62);
    box-shadow: 0 16px 34px rgba(11, 6, 29, .34);
    transform: translateY(-5px);
  }

  html.bitmeta-device-desktop .meta-scene-card-name {
    font-size: 14px;
  }

  html.bitmeta-device-desktop .meta-scene-toast {
    bottom: 80px;
    font-size: 13px;
  }
}

@media (min-width: 900px) and (max-width: 1199px) {
  html.bitmeta-device-desktop .meta-scene-cards {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

/* Login and registration */
@media (min-width: 900px) {
  html.bitmeta-device-desktop.bitmeta-auth-route,
  html.bitmeta-device-desktop.bitmeta-auth-route body,
  html.bitmeta-device-desktop.bitmeta-auth-route uni-page-body,
  html.bitmeta-device-desktop.bitmeta-auth-route uni-page-wrapper,
  html.bitmeta-device-desktop.bitmeta-auth-route uni-page {
    min-height: 100%;
    background: #260313 !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route body {
    position: relative;
    min-height: 100vh;
    overflow-x: hidden;
    color: #2b111a;
    background:
      linear-gradient(90deg, rgba(29, 2, 15, .22), rgba(29, 2, 15, .04)),
      url("../images/bsmy/auth-bg-desktop-2560x1440.webp") center center / cover no-repeat,
      radial-gradient(circle at 25% 55%, #5c071f, #250212 72%) !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route body::before {
    position: fixed;
    inset: 0;
    z-index: 0;
    content: "";
    pointer-events: none;
    background:
      linear-gradient(90deg, rgba(22, 1, 11, .28), transparent 54%),
      radial-gradient(circle at 18% 50%, rgba(255, 201, 133, .11), transparent 25%);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route body::after {
    position: fixed;
    top: clamp(90px, 18vh, 190px);
    left: clamp(44px, 7vw, 110px);
    z-index: 2;
    width: min(520px, 35vw);
    content: "嘉瑞AI智能元宇宙\A JARY METAVERSE";
    color: #fff8ef;
    font-family: "PingFang SC", "Microsoft YaHei", sans-serif;
    font-size: clamp(32px, 3.6vw, 58px);
    font-weight: 750;
    letter-spacing: -.045em;
    line-height: 1.18;
    white-space: pre-line;
    text-shadow: 0 18px 50px rgba(20, 0, 10, .4);
    pointer-events: none;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route uni-app,
  html.bitmeta-device-desktop.bitmeta-auth-route uni-page {
    position: relative;
    z-index: 1;
    background: transparent !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route uni-page {
    height: 100vh;
    min-height: 100vh;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route uni-page-wrapper {
    position: absolute !important;
    top: 44px !important;
    right: 0;
    left: 0;
    height: auto !important;
    min-height: calc(100vh - 44px) !important;
    overflow: visible;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route uni-page-body {
    height: auto !important;
    min-height: 0 !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth {
    position: relative;
    width: min(520px, calc(100vw - 80px));
    height: auto;
    min-height: 0;
    margin: clamp(28px, 5vh, 62px) max(5vw, 40px) clamp(28px, 5vh, 62px) auto;
    padding: 34px 42px 30px;
    overflow: visible;
    color: #222;
    border: 1px solid rgba(255, 255, 255, .58);
    border-radius: 28px;
    background: rgba(255, 253, 251, .97);
    box-shadow:
      0 32px 90px rgba(20, 0, 10, .36),
      0 3px 14px rgba(61, 7, 20, .1);
    backdrop-filter: blur(18px);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth::before {
    display: block;
    margin-bottom: 16px;
    content: "JARY METAVERSE · ACCOUNT";
    color: #b87354;
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .18em;
    line-height: 1;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .wanl-title {
    width: 100%;
    height: auto;
    padding: 0 0 24px;
    color: #222;
    font-size: 30px;
    font-weight: 700;
    letter-spacing: 0;
    line-height: 1.25;
    text-align: left;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .loginTypeBox {
    display: flex;
    width: 100%;
    height: 44px;
    margin: 0 0 24px;
    padding: 4px;
    align-items: stretch;
    border: 1px solid #eee8ea;
    border-radius: 12px;
    background: #f6f1f2;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .loginType {
    display: flex;
    width: 50%;
    min-width: 0;
    margin: 0;
    padding: 0 22px;
    align-items: center;
    justify-content: center;
    color: #776a6e;
    border: 0;
    border-radius: 9px;
    background: transparent;
    font-size: 14px;
    font-weight: 600;
    line-height: 34px;
    transition: color .18s ease, background .18s ease, box-shadow .18s ease;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .loginTypeActive {
    margin: 0;
    color: #c13c31;
    border: 0;
    border-radius: 9px;
    background: #fff;
    box-shadow: 0 3px 12px rgba(63, 20, 26, .09);
    font-weight: 700;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth uni-form,
  html.bitmeta-device-desktop.bitmeta-auth-route .auth uni-form > span {
    display: block;
    width: 100%;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group {
    position: relative;
    display: flex;
    width: 100%;
    min-height: 58px;
    margin: 0 0 13px;
    padding: 0 17px;
    align-items: center;
    overflow: visible;
    border: 1px solid #ebe5e7;
    border-radius: 13px;
    background: #fbf9f9 !important;
    box-shadow: none;
    transition: border-color .18s ease, box-shadow .18s ease, background .18s ease;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group:focus-within {
    border-color: rgba(193, 60, 49, .42);
    background: #fff !important;
    box-shadow: 0 0 0 4px rgba(193, 60, 49, .08);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group uni-input {
    display: block;
    width: auto;
    min-width: 0;
    height: 56px;
    padding: 0 0 0 14px;
    flex: 1 1 0%;
    color: #250f00;
    font-size: 16px;
    line-height: 56px;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group .uni-input-wrapper,
  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group .uni-input-input,
  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group .uni-input-placeholder {
    height: 56px;
    font-size: 16px;
    line-height: 56px;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group .uni-input-placeholder {
    color: #b3b3b3;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .my_select_box {
    position: relative;
    z-index: 5;
    width: 160px;
    flex: 0 0 160px;
    padding-right: 10px;
    border-right: 1px solid #ddd;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .my_select_box .uni-select {
    width: 100%;
    height: 36px;
    padding: 0 2px;
    border: 0;
    border-radius: 0;
    font-size: 13px;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .my_select_box .uni-select__selector {
    top: calc(100% + 8px);
    left: 0;
    min-width: 180px;
    background: #fff;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .ppBox {
    display: flex;
    width: 100%;
    min-height: 34px;
    margin: 2px 0 16px;
    align-items: center;
    justify-content: space-between;
    gap: 14px;
    color: #909090;
    font-size: 12px;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-clause {
    display: flex;
    align-items: center;
    color: #909090;
    font-size: 12px;
    line-height: 1.5;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-clause uni-checkbox {
    margin-right: 7px;
    transform: none;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-clause uni-text {
    margin: 0 3px;
    color: #ed6d0f;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .fogetPass {
    flex: 0 0 auto;
    margin: 0;
    color: #999;
    font-size: 12px;
    cursor: pointer;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-button {
    display: flex;
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0 0 16px;
    flex-direction: column;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-button .cu-btn {
    display: flex;
    width: 100%;
    height: 54px;
    padding: 0 20px;
    align-items: center;
    justify-content: center;
    border-radius: 13px;
    background: linear-gradient(105deg, #cb332f, #ee6b25);
    box-shadow: 0 10px 24px rgba(197, 48, 35, .23);
    font-size: 16px;
    font-weight: 700;
    line-height: 54px;
    transition: transform .18s ease, box-shadow .18s ease;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-button .cu-btn:not(:disabled):hover {
    box-shadow: 0 13px 30px rgba(197, 48, 35, .3);
    transform: translateY(-1px);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-button .cu-btn:disabled {
    opacity: .35;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot {
    position: relative;
    right: auto;
    bottom: auto;
    left: auto;
    z-index: 2;
    width: min(520px, calc(100vw - 80px));
    height: auto;
    margin: 18px max(5vw, 40px) 0 auto;
    padding: 0;
    color: rgba(255, 247, 236, .88);
    transform: none;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot .menu {
    display: flex;
    width: 100%;
    min-width: 0;
    align-items: center;
    justify-content: center;
    gap: 8px;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot uni-text {
    width: 112px;
    color: rgba(255, 247, 236, .88);
    font-size: 13px;
    text-align: center;
    cursor: pointer;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot uni-text + uni-text {
    border-left: 1px solid rgba(255, 255, 255, .22);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot uni-text:hover {
    color: #c13c31;
  }
}

@media (min-width: 900px) and (max-width: 1099px) {
  html.bitmeta-device-desktop.bitmeta-auth-route body::after {
    top: 76px;
    left: 38px;
    width: 240px;
    font-size: 30px;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth {
    width: min(500px, calc(100vw - 56px));
    margin-right: 28px;
    padding: 28px 34px 26px;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot {
    width: min(500px, calc(100vw - 56px));
    margin-right: 28px;
  }
}

/* Desktop authentication visual refresh */
@media (min-width: 900px) {
  html.bitmeta-device-desktop.bitmeta-auth-route,
  html.bitmeta-device-desktop.bitmeta-auth-route body {
    background: #17112f !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route uni-page-body,
  html.bitmeta-device-desktop.bitmeta-auth-route uni-page-wrapper,
  html.bitmeta-device-desktop.bitmeta-auth-route uni-page {
    background: transparent !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route body {
    color: #fff;
    background:
      linear-gradient(108deg, rgba(14, 9, 34, .92) 0%, rgba(20, 13, 45, .68) 48%, rgba(17, 12, 38, .52) 100%),
      url("../images/metaverse/ai-metaverse-hero-desktop-2880x1800.jpg?v=20261030authdesktop") center center / cover no-repeat,
      radial-gradient(circle at 58% 28%, #6651a5, #17112f 68%) !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route body::before {
    background:
      radial-gradient(circle at 74% 30%, rgba(158, 132, 255, .24), transparent 27%),
      radial-gradient(circle at 78% 68%, rgba(79, 141, 255, .14), transparent 30%),
      linear-gradient(90deg, rgba(8, 5, 24, .3), transparent 55%);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route body::after {
    top: clamp(130px, 21vh, 210px);
    left: clamp(54px, 8vw, 128px);
    width: min(560px, 39vw);
    color: #fff;
    font-size: clamp(38px, 4vw, 66px);
    font-weight: 800;
    letter-spacing: -.055em;
    line-height: 1.1;
    text-shadow:
      0 6px 28px rgba(0, 0, 0, .35),
      0 0 38px rgba(161, 135, 255, .16);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth {
    width: min(470px, calc(100vw - 88px));
    margin-top: clamp(58px, 10vh, 108px);
    margin-right: max(7vw, 72px);
    padding: 34px 38px 30px;
    color: #fff;
    border: 1px solid rgba(196, 180, 255, .24);
    border-radius: 24px;
    background:
      linear-gradient(155deg, rgba(43, 31, 86, .82), rgba(20, 14, 45, .9));
    box-shadow:
      0 34px 90px rgba(4, 2, 17, .48),
      inset 0 1px 0 rgba(255, 255, 255, .16);
    backdrop-filter: blur(22px) saturate(125%);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth::before {
    color: rgba(212, 198, 255, .72);
    letter-spacing: .2em;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .wanl-title {
    padding-bottom: 22px;
    color: #fff;
    font-size: 29px;
    font-weight: 750;
    text-shadow: 0 4px 22px rgba(0, 0, 0, .24);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .loginTypeBox {
    display: flex !important;
    border-color: rgba(195, 179, 255, .16);
    background: rgba(255, 255, 255, .065);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .loginType {
    color: rgba(236, 230, 255, .62);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .loginTypeActive {
    color: #fff;
    background: linear-gradient(105deg, rgba(123, 85, 221, .96), rgba(83, 121, 225, .95));
    box-shadow:
      0 8px 22px rgba(63, 39, 146, .34),
      inset 0 1px 0 rgba(255, 255, 255, .2);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group {
    border-color: rgba(197, 181, 255, .18);
    background: rgba(255, 255, 255, .075) !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .05);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group:focus-within {
    border-color: rgba(167, 140, 255, .68);
    background: rgba(255, 255, 255, .11) !important;
    box-shadow:
      0 0 0 4px rgba(137, 104, 230, .14),
      0 8px 24px rgba(11, 5, 34, .24);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group uni-input {
    color: #fff;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group .uni-input-input {
    color: #fff !important;
    caret-color: #cfbcff;
    background: transparent !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-group .uni-input-placeholder {
    color: rgba(232, 226, 255, .43) !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .my_select_box {
    border-right-color: rgba(205, 192, 255, .17);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .my_select_box .uni-select,
  html.bitmeta-device-desktop.bitmeta-auth-route .my_select_box .uni-select__input-text,
  html.bitmeta-device-desktop.bitmeta-auth-route .my_select_box .uni-select__input-placeholder {
    color: rgba(255, 255, 255, .86) !important;
    background: transparent !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .my_select_box .uni-select__selector {
    color: #282042;
    border-color: rgba(160, 137, 229, .32);
    background: rgba(248, 245, 255, .98);
    box-shadow: 0 18px 44px rgba(8, 4, 25, .34);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .ppBox,
  html.bitmeta-device-desktop.bitmeta-auth-route .auth-clause {
    color: rgba(235, 230, 255, .67);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-clause uni-text {
    color: #c9b7ff;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .fogetPass {
    color: rgba(224, 216, 255, .58) !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .text-center {
    color: #c9b7ff;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-button {
    position: relative;
    height: 54px;
    padding: 0;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-button .cu-btn,
  html.bitmeta-device-desktop.bitmeta-auth-route #bitmetaNativeLoginButton {
    width: 100% !important;
    height: 54px !important;
    max-width: none !important;
    max-height: none !important;
    margin: 0 !important;
    padding: 0 22px !important;
    border: 1px solid rgba(220, 208, 255, .22) !important;
    border-radius: 14px !important;
    color: #fff !important;
    background: linear-gradient(105deg, #7b55dc, #5b7ce5) !important;
    box-shadow:
      0 14px 32px rgba(49, 27, 132, .4),
      inset 0 1px 0 rgba(255, 255, 255, .24) !important;
    font-size: 16px !important;
    font-weight: 750 !important;
    line-height: 52px !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route #bitmetaNativeLoginButton {
    top: 50% !important;
    left: 0 !important;
    transform: translateY(-50%) !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-button .cu-btn:not(:disabled):hover,
  html.bitmeta-device-desktop.bitmeta-auth-route #bitmetaNativeLoginButton:not(:disabled):hover {
    box-shadow:
      0 18px 38px rgba(49, 27, 132, .48),
      inset 0 1px 0 rgba(255, 255, 255, .28) !important;
    transform: translateY(-1px);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route #bitmetaNativeLoginButton:hover {
    transform: translateY(calc(-50% - 1px)) !important;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot {
    width: min(470px, calc(100vw - 88px));
    margin-right: max(7vw, 72px);
    color: rgba(239, 234, 255, .72);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot uni-text {
    color: rgba(239, 234, 255, .72);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot uni-text + uni-text {
    border-left-color: rgba(206, 192, 255, .2);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .auth-foot uni-text:hover {
    color: #d8caff;
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .uni-page-head {
    color: #fff !important;
    border-bottom: 1px solid rgba(191, 176, 255, .12) !important;
    background: rgba(17, 12, 38, .88) !important;
    box-shadow: 0 8px 28px rgba(5, 3, 17, .2) !important;
    backdrop-filter: blur(18px);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .uni-page-head .uni-btn-icon {
    color: rgba(255, 255, 255, .9) !important;
    text-shadow: 0 0 18px rgba(176, 150, 255, .26);
  }

  html.bitmeta-device-desktop.bitmeta-auth-route .uni-page-head__title {
    color: #fff !important;
  }
}

/* NFT property hub */
@media (min-width: 900px) {
  html.bitmeta-device-desktop .estate-layer {
    display: grid;
    grid-template-columns: 220px minmax(0, 1fr);
    grid-template-rows: 78px minmax(0, 1fr);
    background:
      radial-gradient(circle at 68% 16%, rgba(157, 117, 216, .23), transparent 28%),
      linear-gradient(160deg, #100b1d, #1b122b 54%, #120d20);
  }

  html.bitmeta-device-desktop .estate-head {
    grid-row: 1;
    grid-column: 1 / -1;
    min-width: 0;
    padding: 12px 24px;
    gap: 16px;
  }

  html.bitmeta-device-desktop .estate-head > button {
    width: 42px;
    height: 42px;
    font-size: 32px;
  }

  html.bitmeta-device-desktop .estate-head small {
    font-size: 10px;
  }

  html.bitmeta-device-desktop .estate-head h2 {
    font-size: 22px;
  }

  html.bitmeta-device-desktop .estate-wallet {
    min-width: 132px;
    padding: 10px 14px;
    border-radius: 13px;
  }

  html.bitmeta-device-desktop .estate-wallet small {
    font-size: 9px;
  }

  html.bitmeta-device-desktop .estate-wallet strong {
    font-size: 15px;
  }

  html.bitmeta-device-desktop .estate-tabs {
    grid-row: 2;
    grid-column: 1;
    display: flex;
    height: auto;
    padding: 18px 14px;
    flex-direction: column;
    gap: 9px;
    overflow: hidden auto;
    border-right: 1px solid rgba(255, 255, 255, .08);
    border-bottom: 0;
  }

  html.bitmeta-device-desktop .estate-tabs button {
    flex: 0 0 52px;
    min-height: 52px;
    padding: 0 17px;
    justify-content: flex-start;
    flex-direction: row;
    gap: 12px;
    border-radius: 14px;
    font-size: 14px;
    letter-spacing: 0;
  }

  html.bitmeta-device-desktop .estate-tabs button i {
    width: 22px;
    font-size: 18px;
    text-align: center;
  }

  html.bitmeta-device-desktop .estate-tabs button:hover {
    color: #fff;
    background: rgba(255, 255, 255, .065);
  }

  html.bitmeta-device-desktop .estate-main {
    grid-row: 2;
    grid-column: 2;
    min-height: 0;
  }

  html.bitmeta-device-desktop .estate-list-panel {
    padding: 24px 28px 34px;
  }

  html.bitmeta-device-desktop .estate-assets-summary strong {
    font-size: 22px;
  }

  html.bitmeta-device-desktop .estate-assets-summary span,
  html.bitmeta-device-desktop .estate-filter button {
    font-size: 12px;
  }

  html.bitmeta-device-desktop .estate-filter button {
    height: 34px;
    padding: 0 15px;
  }

  html.bitmeta-device-desktop .estate-create-mini {
    height: 36px;
    padding: 0 17px;
    font-size: 12px;
  }

  html.bitmeta-device-desktop .estate-list {
    grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
    gap: 17px;
    margin-top: 18px;
  }

  html.bitmeta-device-desktop .estate-cover,
  html.bitmeta-device-desktop .estate-asset-cover {
    height: 172px;
  }

  html.bitmeta-device-desktop .estate-card-copy,
  html.bitmeta-device-desktop .estate-asset-copy {
    padding: 14px;
    gap: 7px;
  }

  html.bitmeta-device-desktop .estate-card-copy h3,
  html.bitmeta-device-desktop .estate-asset-copy h3 {
    font-size: 16px;
  }

  html.bitmeta-device-desktop .estate-card-copy > small,
  html.bitmeta-device-desktop .estate-asset-copy small {
    font-size: 10px;
  }

  html.bitmeta-device-desktop .estate-card-copy > p,
  html.bitmeta-device-desktop .estate-asset-copy p {
    font-size: 11px;
  }

  html.bitmeta-device-desktop .estate-card-bottom strong,
  html.bitmeta-device-desktop .estate-asset-copy strong {
    font-size: 14px;
  }

  html.bitmeta-device-desktop .estate-card-bottom span button,
  html.bitmeta-device-desktop .estate-asset-copy button {
    height: 32px;
    padding: 0 12px;
    font-size: 11px;
  }

  html.bitmeta-device-desktop .estate-card-tools button {
    height: 31px;
    font-size: 10px;
  }

  html.bitmeta-device-desktop .estate-market-summary {
    max-width: 760px;
    min-height: 72px;
    padding: 12px 16px;
  }

  html.bitmeta-device-desktop .estate-market-summary strong {
    font-size: 18px;
  }

  html.bitmeta-device-desktop .estate-empty {
    min-height: 420px;
  }

  html.bitmeta-device-desktop .estate-planet-top {
    top: 20px;
    right: 24px;
    left: 24px;
    font-size: 12px;
  }

  html.bitmeta-device-desktop .estate-planet-search {
    top: 58px;
    right: auto;
    left: 24px;
    width: min(500px, calc(100% - 110px));
    height: 42px;
  }

  html.bitmeta-device-desktop .estate-planet-search input {
    padding: 0 12px;
    font-size: 12px;
  }

  html.bitmeta-device-desktop .estate-planet-search button {
    flex-basis: 64px;
    height: 34px;
    font-size: 11px;
  }

  html.bitmeta-device-desktop .estate-planet-zoom {
    top: 100px;
    right: 24px;
  }

  html.bitmeta-device-desktop .estate-planet-zoom button {
    width: 40px;
    height: 40px;
  }

  html.bitmeta-device-desktop .estate-planet-area {
    top: 112px;
    right: auto;
    left: 24px;
    width: 380px;
    max-height: 48%;
    padding: 14px;
  }

  html.bitmeta-device-desktop .estate-planet-area > div {
    gap: 8px;
  }

  html.bitmeta-device-desktop .estate-planet-area > div > button {
    grid-template-columns: 64px minmax(0, 1fr) auto;
    padding: 7px;
    gap: 10px;
  }

  html.bitmeta-device-desktop .estate-planet-area > div > button > span {
    width: 64px;
    height: 50px;
  }

  html.bitmeta-device-desktop .estate-planet-area > div > button strong {
    font-size: 12px;
  }

  html.bitmeta-device-desktop .estate-planet-area > div > button small {
    font-size: 10px;
  }

  html.bitmeta-device-desktop .estate-planet-card {
    right: auto;
    bottom: 24px;
    left: 24px;
    width: min(560px, calc(100% - 96px));
    min-height: 126px;
    padding: 15px;
  }

  html.bitmeta-device-desktop .estate-planet-card-cover {
    flex-basis: 96px;
    width: 96px;
    height: 96px;
  }

  html.bitmeta-device-desktop .estate-planet-card h3 {
    font-size: 18px;
  }

  html.bitmeta-device-desktop .estate-planet-card p {
    font-size: 12px;
  }

  html.bitmeta-device-desktop .estate-planet-card strong {
    font-size: 15px;
  }

  html.bitmeta-device-desktop .estate-avatar-panel {
    display: grid;
    overflow: hidden;
    grid-template-columns: minmax(0, 1.12fr) minmax(370px, .88fr);
  }

  html.bitmeta-device-desktop .estate-avatar-stage {
    grid-column: 1;
    grid-row: 1;
    min-height: 0;
    height: 100%;
  }

  html.bitmeta-device-desktop .estate-avatar-form {
    grid-column: 2;
    grid-row: 1;
    height: 100%;
    margin: 0;
    padding: 24px 26px;
    overflow-y: auto;
    border-left: 1px solid rgba(255, 255, 255, .08);
    border-radius: 0;
  }

  html.bitmeta-device-desktop .estate-avatar-form label {
    flex: 0 0 auto;
  }

  html.bitmeta-device-desktop .estate-avatar-preview-note {
    top: auto;
    right: auto;
    bottom: 26px;
    left: 24px;
    width: min(420px, calc(100% - 48px));
    font-size: 11px;
  }

  html.bitmeta-device-desktop .estate-avatar-vault-button {
    top: 22px;
    left: 22px;
    width: 76px;
    height: 76px;
    font-size: 11px;
  }

  html.bitmeta-device-desktop .estate-avatar-form-head strong {
    font-size: 20px;
  }

  html.bitmeta-device-desktop .estate-avatar-form label {
    font-size: 11px;
  }

  html.bitmeta-device-desktop .estate-avatar-form input:not([type="color"]),
  html.bitmeta-device-desktop .estate-avatar-form select {
    height: 42px;
    font-size: 13px;
  }

  html.bitmeta-device-desktop .estate-dialog-layer {
    align-items: center;
    padding: 28px;
  }

  html.bitmeta-device-desktop .estate-dialog {
    width: min(640px, calc(100vw - 64px));
    max-height: min(80vh, 720px);
    padding: 24px;
    border-radius: 22px;
    box-shadow: 0 24px 80px rgba(4, 2, 10, .5);
  }
}

/* NFT warehouse, stored items, tasks and blind box */
@media (min-width: 900px) {
  html.bitmeta-device-desktop .meta-sheet-layer,
  html.bitmeta-device-desktop .meta-blindbox-layer,
  html.bitmeta-device-desktop .meta-avatar-detail-layer {
    align-items: center;
    padding: 28px;
  }

  html.bitmeta-device-desktop .meta-bottom-sheet {
    width: min(1040px, calc(100vw - 64px));
    max-height: min(82vh, 820px);
    padding: 20px 24px 24px;
    border-radius: 24px;
    box-shadow: 0 24px 80px rgba(7, 4, 17, .42);
  }

  html.bitmeta-device-desktop .meta-sheet-handle {
    display: none;
  }

  html.bitmeta-device-desktop .meta-sheet-head {
    min-height: 58px;
    margin-bottom: 18px;
  }

  html.bitmeta-device-desktop .meta-sheet-head small {
    font-size: 9px;
  }

  html.bitmeta-device-desktop .meta-sheet-head h2 {
    font-size: 27px;
  }

  html.bitmeta-device-desktop .meta-sheet-head span {
    font-size: 12px;
  }

  html.bitmeta-device-desktop .meta-nft-vault-sheet {
    min-height: min(58vh, 600px);
  }

  html.bitmeta-device-desktop .meta-task-center-sheet {
    min-height: min(58vh, 560px);
  }

  html.bitmeta-device-desktop .meta-space-list {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
  }

  html.bitmeta-device-desktop .meta-space-empty {
    min-height: 250px;
    grid-column: 1 / -1;
  }

  html.bitmeta-device-desktop .meta-vault-asset {
    grid-template-columns: 96px minmax(0, 1fr);
    min-height: 144px;
    padding: 12px;
  }

  html.bitmeta-device-desktop .meta-vault-asset-cover {
    min-height: 96px;
  }

  html.bitmeta-device-desktop .meta-vault-asset-copy strong {
    font-size: 15px;
  }

  html.bitmeta-device-desktop .meta-vault-asset-copy span,
  html.bitmeta-device-desktop .meta-vault-asset-copy small {
    font-size: 10px;
  }

  html.bitmeta-device-desktop .meta-vault-tabs button {
    height: 36px;
    padding: 0 15px;
    font-size: 11px;
  }

  html.bitmeta-device-desktop .meta-vault-asset-actions button {
    height: 33px;
    font-size: 10px;
  }

  html.bitmeta-device-desktop .meta-nft-vault-sheet .meta-sheet-action {
    width: min(320px, 100%);
    margin-left: 0;
  }

  html.bitmeta-device-desktop .meta-stored-items-sheet {
    width: min(1120px, calc(100vw - 64px));
  }

  html.bitmeta-device-desktop .meta-stored-items-list {
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  html.bitmeta-device-desktop .meta-stored-item {
    grid-template-columns: 82px minmax(0, 1fr);
    padding: 10px;
  }

  html.bitmeta-device-desktop .meta-stored-item-cover {
    min-height: 82px;
  }

  html.bitmeta-device-desktop .meta-task-center-sheet {
    width: min(900px, calc(100vw - 64px));
  }

  html.bitmeta-device-desktop .meta-task-center-list {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 14px;
  }

  html.bitmeta-device-desktop .meta-blindbox-card {
    width: min(1080px, calc(100vw - 64px));
    max-height: calc(100vh - 120px);
    border-radius: 24px;
  }

  html.bitmeta-device-desktop .meta-blindbox-card > header {
    padding: 26px 30px 10px;
  }

  html.bitmeta-device-desktop .meta-blindbox-card header h2 {
    font-size: 30px;
  }

  html.bitmeta-device-desktop .meta-blindbox-card header p {
    font-size: 10px;
  }

  html.bitmeta-device-desktop .meta-blindbox-scene {
    min-height: min(61vh, 560px);
  }

  html.bitmeta-device-desktop .meta-blindbox-cube {
    width: min(48vw, 520px);
  }

  html.bitmeta-device-desktop .meta-blindbox-halo {
    width: min(42vw, 470px);
    height: min(42vw, 470px);
  }

  html.bitmeta-device-desktop .meta-blindbox-rays {
    width: min(52vw, 560px);
    height: min(52vw, 560px);
  }

  html.bitmeta-device-desktop .meta-blindbox-card > footer {
    padding: 10px 30px 24px;
  }

  html.bitmeta-device-desktop .meta-blindbox-card > footer p {
    font-size: 12px;
  }

  html.bitmeta-device-desktop .meta-blindbox-card > footer button {
    min-width: 180px;
    height: 46px;
    font-size: 14px;
  }

  html.bitmeta-device-desktop .meta-avatar-detail-card {
    width: min(920px, calc(100vw - 64px));
    height: min(80vh, 760px);
    border-radius: 24px;
  }

  html.bitmeta-device-desktop .meta-avatar-detail-card > header {
    padding: 18px 22px;
  }

  html.bitmeta-device-desktop .meta-avatar-detail-card > header h2 {
    font-size: 22px;
  }

  html.bitmeta-device-desktop .meta-avatar-detail-card > header p,
  html.bitmeta-device-desktop .meta-avatar-detail-card > footer {
    font-size: 11px;
  }
}

/* My account and its secondary pages */
@media (min-width: 900px) {
  html.bitmeta-device-desktop.bitmeta-account-route,
  html.bitmeta-device-desktop.bitmeta-account-route body,
  html.bitmeta-device-desktop.bitmeta-account-route uni-page-body,
  html.bitmeta-device-desktop.bitmeta-account-route uni-page-wrapper {
    background:
      radial-gradient(circle at 18% 0%, rgba(240, 73, 48, .07), transparent 28%),
      #f4f2f4 !important;
  }

  html.bitmeta-device-desktop.bitmeta-account-route uni-image > img {
    object-fit: contain;
  }

  html.bitmeta-device-desktop.bitmeta-account-route .pageBox,
  html.bitmeta-device-desktop.bitmeta-account-route .content {
    box-sizing: border-box;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .top {
    width: min(1220px, calc(100vw - 64px));
    height: 172px;
    margin: 28px auto 0;
    padding: 0;
    overflow: hidden;
    border: 1px solid rgba(255, 255, 255, .14);
    border-radius: 25px;
    background:
      linear-gradient(90deg, rgba(35, 2, 17, .2), rgba(35, 2, 17, 0) 54%),
      url("../images/bsmy/account-hero-desktop-2400x520.webp") center center / cover no-repeat;
    box-shadow:
      0 22px 54px rgba(73, 8, 24, .2),
      inset 0 1px 0 rgba(255, 255, 255, .16);
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .top::after {
    position: absolute;
    top: 34px;
    right: 74px;
    z-index: 2;
    content: "ACCOUNT CENTER";
    color: rgba(255, 244, 229, .64);
    font-family: Arial, sans-serif;
    font-size: 10px;
    font-weight: 700;
    letter-spacing: .19em;
    pointer-events: none;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .top .topBg {
    width: 100%;
    height: 172px;
    opacity: 0;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .top .setting {
    top: 25px;
    right: 27px;
    z-index: 4;
    width: 32px;
    height: 32px;
    opacity: .9;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .top .info {
    position: relative;
    z-index: 3;
    height: 172px;
    padding: 0 50px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .cu-avatar.lg {
    width: 78px;
    height: 78px;
    margin-right: 18px;
    border: 2px solid rgba(255, 255, 255, .82);
    box-shadow: 0 12px 28px rgba(35, 2, 15, .29);
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .nickname {
    height: auto !important;
    margin: 0 !important;
    color: #fffdf9 !important;
    font-size: 24px !important;
    font-weight: 650 !important;
    line-height: 1.25 !important;
    text-shadow: 0 2px 16px rgba(26, 0, 9, .18);
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .top .info .infoR {
    height: auto !important;
    margin-left: 18px !important;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .top .info .infoR .mobile {
    height: auto !important;
    min-height: 0 !important;
    margin-top: 10px !important;
    align-items: center;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .top .info .infoR .mobile .level {
    height: auto !important;
    min-height: 0 !important;
    gap: 6px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .levelText {
    height: auto !important;
    margin-left: 0 !important;
    color: rgba(255, 244, 228, .84) !important;
    font-size: 13px !important;
    line-height: 1.3 !important;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .uulevelImg {
    width: 22px !important;
    max-width: 22px !important;
    height: 22px !important;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main {
    position: relative;
    top: auto;
    width: min(1220px, calc(100vw - 64px));
    height: auto;
    margin: -32px auto 52px;
    padding: 0;
    display: grid;
    grid-template-columns: 246px minmax(0, 1fr);
    gap: 16px 20px;
    align-items: start;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .balanceBox {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 23px 27px 25px;
    grid-column: 2;
    grid-row: 1;
    border: 1px solid #ebe5e8;
    border-radius: 19px;
    background:
      linear-gradient(180deg, rgba(255, 255, 255, .98), #fff),
      #fff;
    box-shadow: 0 13px 30px rgba(43, 27, 34, .065);
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .totalText {
    color: #2d2629;
    font-size: 18px;
    font-weight: 700;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .totalR {
    color: #2f292b;
    font-size: 30px;
    font-weight: 700;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .balanceBox .balance {
    margin-top: 18px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .balanceBox .balance .balanceItem .icon {
    width: 44px;
    height: 44px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .balanceBox .balance .balanceItem .coin {
    margin-top: 8px;
    font-size: 14px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBox {
    width: 100%;
    height: auto;
    min-height: 196px;
    margin: 0;
    padding: 22px 25px 24px;
    border: 1px solid #ebe5e8;
    border-radius: 19px;
    background: #fff;
    box-shadow: 0 11px 26px rgba(43, 27, 34, .055);
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBoxuu {
    grid-column: 2;
    grid-row: 2;
    padding-top: clamp(76px, 8vw, 96px);
    background: url("../images/bsmy/uubg-compact.png") center top / 100% auto no-repeat;
    border-color: rgba(255, 255, 255, .16);
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBoxuu .totalText,
  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBoxuu .amount,
  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBoxuu .uutip,
  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBoxuu .unit {
    color: #fff;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBoxuu .uubg {
    border-bottom: 1px solid rgba(255, 255, 255, .26);
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBoxuu .uubg:last-child {
    border-bottom: 0;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBox:not(.assetsBoxuu) {
    grid-column: 2;
    grid-row: 3;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBox .totalText {
    font-size: 18px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBox .balance {
    display: grid;
    margin-top: 20px;
    grid-template-columns: repeat(4, minmax(0, 1fr));
    gap: 12px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBox .balance .balanceItem {
    width: auto;
    cursor: pointer;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBox .balance .balanceItem .icon {
    width: 48px;
    height: 48px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .assetsBox .balance .balanceItem .coin {
    margin-top: 8px;
    font-size: 13px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .uubg {
    padding: 22px 0 0;
    justify-content: space-between;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .uuItem {
    width: 30%;
    font-size: 14px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .amount {
    font-size: 18px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .uutip,
  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .unit {
    font-size: 12px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .menu {
    position: sticky;
    top: 18px;
    width: 246px;
    min-height: 100%;
    margin: 0;
    padding: 16px 12px 14px;
    display: flex;
    grid-column: 1;
    grid-row: 1 / span 3;
    flex-direction: column;
    gap: 3px;
    overflow: visible;
    border: 1px solid #e8e0e4;
    border-radius: 19px;
    background: rgba(255, 255, 255, .98);
    box-shadow: 0 13px 30px rgba(43, 27, 34, .06);
    align-self: stretch;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .menu::before {
    display: block;
    margin: 0 10px 12px;
    padding: 4px 0 14px;
    content: "账户服务";
    color: #2d2528;
    border-bottom: 1px solid #f1ecee;
    font-size: 17px;
    font-weight: 750;
    line-height: 1.4;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .menu::after {
    display: block;
    margin: auto 9px 0;
    padding: 13px 0 2px;
    content: "嘉瑞AI智能元宇宙";
    color: #b6adb1;
    border-top: 1px solid #f2edef;
    font-size: 10px;
    letter-spacing: .08em;
    text-align: center;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .menu .menuItem {
    min-height: 50px;
    padding: 8px 12px;
    cursor: pointer;
    border: 0;
    border-radius: 12px;
    background: transparent;
    transition: background .18s ease, transform .18s ease;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .menu .menuItem:hover {
    background: #fbf1f1;
    transform: translateX(2px);
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .menu .menuItemLImg {
    width: 23px;
    height: 23px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .menu .title {
    margin-left: 13px;
    color: #3e3539;
    font-size: 14px;
    font-weight: 550;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .unreadNum {
    margin-left: auto;
    margin-right: 9px;
    font-size: 12px;
  }

  html.bitmeta-device-desktop.bitmeta-bsmy-route .main .menu uni-icons {
    transform: scale(.75);
  }

  /* Additional account destinations reachable from the account hub. */
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myfollow"] .pageBox,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/setting/setting"] .pageBox,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/uu/myorder"] .pageBox,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/shopInfo"] .pageBox {
    width: min(1100px, calc(100vw - 64px));
    margin: 0 auto;
    padding-bottom: 54px;
  }

  /* NFT asset list */
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .pageBox {
    width: min(1200px, calc(100vw - 64px));
    margin: 0 auto;
    padding: 130px 0 50px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .tabsBox {
    top: 44px;
    right: auto;
    left: 50%;
    width: min(840px, calc(100vw - 64px));
    transform: translateX(-50%);
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .tabs {
    display: flex;
    height: 62px;
    padding: 0;
    align-items: center;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .tabs > * {
    flex: 1;
    text-align: center;
    font-size: 15px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .list {
    display: grid;
    padding: 0;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 16px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .listItem {
    min-width: 0;
    padding: 14px;
    display: grid;
    grid-template-columns: 150px minmax(0, 1fr);
    gap: 16px;
    border: 1px solid #ebe5ef;
    border-radius: 17px;
    background: #fff;
    box-shadow: 0 8px 22px rgba(38, 23, 49, .06);
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .listItem > uni-view:first-child {
    width: 150px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .imgBox {
    width: 150px;
    height: 150px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .img {
    width: 150px;
    height: 150px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .certbuttonbg {
    margin-top: 8px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .certbutton {
    height: 30px;
    font-size: 11px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .info {
    width: auto;
    min-width: 0;
    padding: 3px 0 0;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .title {
    width: auto;
    height: auto;
    font-size: 18px;
    font-weight: 700;
    white-space: normal;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .priceBox {
    width: auto;
    margin-top: 10px;
    flex-wrap: wrap;
    gap: 5px;
    font-size: 15px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .price {
    max-width: 100%;
    font-size: 16px;
    word-break: break-all;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .nftStatus {
    width: auto;
    margin: 8px 0 12px;
    font-size: 13px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .btn {
    width: auto;
    margin-top: 0;
    gap: 8px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/nft/nftAssets"] .btn uni-button {
    height: 38px;
    flex: 1;
    font-size: 13px;
  }

  /* BTHM account */
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .pageBox {
    width: min(1100px, calc(100vw - 64px));
    margin: 0 auto;
    padding: 96px 0 50px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .btsBox {
    margin: 0;
    padding: 24px 28px;
    border-radius: 20px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .btsBalanceBg {
    margin: 0 0 18px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .btsBalance {
    font-size: 44px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .btsUnit {
    font-size: 18px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .btsOpBox {
    margin: 0;
    gap: 12px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .btsOp {
    height: 42px;
    flex: 1;
    font-size: 14px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .btsTips {
    padding: 22px 6px;
    font-size: 18px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .alBox {
    margin: 0;
    padding: 22px 24px;
    border-radius: 18px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .tabs {
    display: flex;
    height: 46px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .tab {
    flex: 1;
    text-align: center;
    font-size: 14px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .tableList {
    width: 100%;
    font-size: 14px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .table_tr {
    height: 56px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/myBts"] .table_td {
    font-size: 14px;
  }

  /* Mining stake list and team center */
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/mint/myMintList"] .pageBox {
    width: min(1050px, calc(100vw - 64px));
    margin: 0 auto;
    padding: 130px 0 50px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/mint/myMintList"] .tabsBox {
    top: 44px;
    right: auto;
    left: 50%;
    width: min(840px, calc(100vw - 64px));
    transform: translateX(-50%);
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/mint/myMintList"] .tab {
    width: 50%;
    text-align: center;
    font-size: 15px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .pageBox {
    width: min(1100px, calc(100vw - 64px));
    margin: 0 auto;
    padding: 0 0 50px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .teamlevelBg {
    margin-top: 24px;
    padding: 20px 24px;
    border-radius: 18px;
    background: #fff;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .userbox {
    width: 44%;
    font-size: 16px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .teamCountBg {
    width: 56%;
    font-size: 14px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .tabsBox {
    padding: 14px 20px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .tab {
    width: 50%;
    text-align: center;
    font-size: 15px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .rebateBg {
    padding: 0 20px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .boxTitle {
    margin: 14px 0;
    padding: 0 4px;
    font-size: 19px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .boxBg {
    padding: 16px;
    border-radius: 16px;
    background: #fff;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .boxList {
    padding: 14px 18px;
    margin-bottom: 10px;
    border: 1px solid #eee7f1;
    border-radius: 14px;
    background: #fff;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/myTeam"] .listItem {
    min-height: 0;
    padding: 0;
    font-size: 14px;
  }

  /* Recharge, withdraw, wallet and address book */
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .content,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/wallet"] .content {
    width: min(1100px, calc(100vw - 64px));
    margin: 0 auto;
    padding: 28px 0 54px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .onlineRechargeCard {
    max-width: 760px;
    margin: 0 auto 20px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .typeBox,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .iptBox,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .tip,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .tips2title,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .tips2,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .keFuBtn {
    max-width: 760px;
    margin-right: auto;
    margin-left: auto;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .typeBox {
    min-height: 56px;
    padding: 0 16px;
    border-radius: 12px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .ipt {
    min-height: 54px;
    margin-top: 8px;
    padding: 8px 16px;
    border-radius: 12px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .iptL {
    font-size: 16px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .tips2,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .tips2Item,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/recharge"] .tips2Item2 {
    font-size: 12px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/bswithdraw"] .pageBox {
    width: min(1100px, calc(100vw - 64px));
    margin: 0 auto;
    padding: 24px 0 50px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/bswithdraw"] .content {
    padding: 0;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/bswithdraw"] .type {
    min-height: 64px;
    margin-bottom: 10px;
    padding: 14px 18px;
    border: 1px solid #ebe5ef;
    border-radius: 13px;
    background: #fff;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/bswithdraw"] .typeItem {
    font-size: 16px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/bswithdraw"] .title {
    margin: 20px 0 10px;
    font-size: 18px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/wallet"] .totalBox {
    max-width: 760px;
    margin: 0 auto;
    padding: 24px 26px;
    border-radius: 18px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/wallet"] .numerical {
    font-size: 22px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/wallet"] .coin {
    max-width: 760px;
    height: auto;
    min-height: 90px;
    margin: 10px auto 0;
    padding: 16px 22px;
    border: 1px solid #ebe5ef;
    border-radius: 13px;
    background: #fff;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/wallet"] .coin uni-view,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/wallet"] .coin uni-text {
    font-size: 15px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/wallet"] .CNWTOExBtn,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/wallet"] .nftBtn {
    display: block;
    width: min(360px, 100%);
    height: 46px;
    margin: 12px auto 0;
    font-size: 14px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/address"] .tabsBox {
    right: auto;
    left: auto;
    width: 100%;
    margin: 0;
    overflow-x: auto;
    background: #fff;
    transform: none;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/address"] .tabs {
    display: flex;
    width: min(1000px, calc(100vw - 64px));
    margin: 0 auto;
    padding-top: 0;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/address"] .tab {
    display: block;
    width: auto;
    flex: 1 0 120px;
    min-height: 48px;
    text-align: center;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/address"] .tabText {
    height: 48px;
    padding: 0;
    color: #6f6875 !important;
    line-height: 48px;
    font-size: 14px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/address"] .tab:has(.tabActive) {
    background: #ed302f;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/address"] .tabText.tabActive {
    color: #fff !important;
    font-weight: 700;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/bs/address"] uni-page-body > uni-view {
    width: min(1100px, calc(100vw - 64px));
    margin-right: auto;
    margin-left: auto;
  }

  /* QR, service, official group, about and help */
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/qrcode/qrcode"] .poster-image {
    padding: 38px 20px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/qrcode/qrcode"] .poster-image > uni-image {
    display: block !important;
    width: min(500px, 100%);
    max-height: 690px;
    margin: 0 auto;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/qrcode/qrcode"] .page-foot {
    right: auto;
    left: 50%;
    width: min(760px, calc(100vw - 64px));
    transform: translateX(-50%);
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/service"] .cu-chat,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/chatroom"] .cu-chat {
    right: auto;
    left: 50%;
    width: min(960px, calc(100vw - 64px));
    transform: translateX(-50%);
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/service"] .input-box,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/chatroom"] .input-box {
    right: auto;
    left: 50%;
    width: min(960px, calc(100vw - 64px));
    transform: translateX(-50%);
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/service"] .textbox,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/chatroom"] .textbox {
    width: calc(100% - 56px);
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/service"] .popup-layer,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/chatroom"] .popup-layer {
    right: auto;
    left: 50%;
    width: min(960px, calc(100vw - 64px));
    transform: translateX(-50%);
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/setting/about"] uni-page-body > uni-view > uni-view,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/help"] uni-page-body > uni-view > uni-view {
    width: min(1000px, calc(100vw - 64px));
    margin-right: auto;
    margin-left: auto;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/setting/about"] .wanlian {
    height: 300px;
    padding: 60px 0 36px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/setting/about"] .cu-list,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/help"] .cu-list {
    overflow: hidden;
    border: 1px solid #ebe5ef;
    border-radius: 16px;
    background: #fff;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/setting/about"] .cu-item,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/help"] .cu-item {
    min-height: 64px;
    padding: 0 60px 0 22px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/setting/about"] .content,
  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/help"] .content {
    font-size: 15px;
  }

  html.bitmeta-device-desktop[data-bitmeta-route="pages/user/setting/about"] .footer {
    max-width: 1000px;
    margin: 0 auto;
    font-size: 13px;
  }
}

/* Mobile refinements and narrow devices */
@media (max-width: 899px) {
  html.bitmeta-device-mobile.bitmeta-bsmy-route .top {
    position: relative;
    width: 100%;
    height: 220px;
    min-height: 220px;
    padding: 0;
    overflow: hidden;
  }

  html.bitmeta-device-mobile.bitmeta-bsmy-route .top .topBg {
    width: 100%;
    height: 100%;
  }

  html.bitmeta-device-mobile.bitmeta-bsmy-route .top .setting {
    top: 34px;
    right: 18px;
    width: 36px;
    height: 36px;
  }

  html.bitmeta-device-mobile.bitmeta-bsmy-route .top .info {
    position: absolute;
    top: 54px;
    right: 72px;
    left: 20px;
    z-index: 6;
    display: flex;
    height: 86px;
    padding: 0;
    align-items: center;
    justify-content: flex-start;
  }

  html.bitmeta-device-mobile.bitmeta-bsmy-route .top .info .cu-avatar.lg {
    display: block;
    flex: 0 0 64px;
    width: 64px;
    height: 64px;
    margin-right: 12px;
    overflow: hidden;
    border: 2px solid rgba(255, 255, 255, .82);
    background-position: center;
    background-size: cover;
    box-shadow: 0 8px 22px rgba(43, 2, 16, .28);
  }

  html.bitmeta-device-mobile.bitmeta-bsmy-route .top .info .infoR {
    position: static;
    display: block;
    width: 0;
    height: 0;
    margin: 0;
    padding: 0;
    transform: none;
  }

  html.bitmeta-device-mobile.bitmeta-bsmy-route .top .nickname {
    position: absolute;
    top: 0;
    right: auto;
    bottom: auto;
    left: 76px;
    overflow: hidden;
    flex: 0 0 auto;
    min-height: 25px;
    max-width: 210px;
    margin: 0;
    color: #fff;
    font-size: 20px;
    font-weight: 650;
    line-height: 1.25;
    text-overflow: ellipsis;
    transform: none;
    white-space: nowrap;
  }

  html.bitmeta-device-mobile.bitmeta-bsmy-route .top .info .mobile {
    position: absolute;
    top: 33px;
    right: auto;
    bottom: auto;
    left: 76px;
    height: 24px;
    min-height: 0;
    flex: 0 0 auto;
    margin: 0;
    transform: none;
  }

  html.bitmeta-device-mobile.bitmeta-bsmy-route .main {
    position: relative;
    top: auto;
    left: auto;
    z-index: 4;
    width: 100%;
    margin-top: -24px;
    padding: 0 10px;
  }

  html.bitmeta-device-mobile .meta-scene-composer input {
    font-size: 16px;
  }

  html.bitmeta-device-mobile .meta-scene-quick-actions .meta-scene-blindbox,
  html.bitmeta-device-mobile .meta-scene-quick-actions .meta-scene-mine,
  html.bitmeta-device-mobile .meta-scene-quick-actions .meta-scene-tasks {
    min-height: 44px;
  }
}

@media (min-width: 720px) and (max-width: 899px) {
  html.bitmeta-device-mobile #bitmetaSceneHub {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  html.bitmeta-device-mobile .meta-scene-inner {
    width: 100%;
    padding-right: 24px;
    padding-left: 24px;
  }
}

@media (max-width: 430px) {
  html.bitmeta-device-mobile .meta-scene-copy h1 {
    flex-wrap: wrap;
    white-space: normal;
  }

  html.bitmeta-device-mobile .meta-stored-items-list {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 350px) {
  html.bitmeta-device-mobile .meta-scene-quick-actions {
    flex-wrap: wrap;
  }

  html.bitmeta-device-mobile .meta-scene-quick-actions .meta-scene-blindbox,
  html.bitmeta-device-mobile .meta-scene-quick-actions .meta-scene-mine,
  html.bitmeta-device-mobile .meta-scene-quick-actions .meta-scene-tasks {
    flex-basis: 100%;
  }
}

@media (prefers-reduced-motion: reduce) {
  html.bitmeta-device-desktop .meta-scene-card,
  html.bitmeta-device-desktop .meta-scene-quick-actions button {
    transition: none;
  }
}