/* Final reference layer. Loaded after dyson-ui.css on the redesigned routes. */
:root {
    --ref-blue: #4f8cff;
    --ref-blue-2: #7b9cff;
    --ref-blue-soft: #eef5ff;
    --ref-purple: #9b5cff;
    --ref-purple-soft: #f5f0ff;
    --ref-orange: #ffb84d;
    --ref-orange-strong: #ff8a3d;
    --ref-orange-soft: #fff7e8;
    --ref-green: #22c55e;
    --ref-red: #ff5b68;
    --ref-bg: #f7f9fc;
    --ref-card: #fff;
    --ref-ink: #1f2937;
    --ref-muted: #6b7280;
    --ref-line: #e5e7eb;
    --ref-shadow: 0 8px 24px rgba(31, 41, 55, .07);
    --ref-radius: 14px;
}

html:has(body.dyson-page),
body.dyson-page:not(.dyson-auth) {
    min-height: 100%;
    background: var(--ref-bg) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page:not(.dyson-auth),
body.dyson-page:not(.dyson-auth) .views,
body.dyson-page:not(.dyson-auth) .page,
body.dyson-page:not(.dyson-auth) .page-content,
body.dyson-page:not(.dyson-auth) .content,
body.dyson-page:not(.dyson-auth) .navbar-fixed {
    background: transparent !important;
    color: var(--ref-ink) !important;
}

body.dyson-page:not(.dyson-auth) {
    min-height: 100vh !important;
    min-height: 100svh !important;
    margin: 0 !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    font-family: Inter, "SF Pro Display", "Segoe UI", "Noto Sans", Arial, sans-serif !important;
    line-height: 1.5 !important;
}

body.dyson-page:not(.dyson-auth) .views,
body.dyson-page:not(.dyson-auth) > .page-content,
body.dyson-page:not(.dyson-auth) > div[style*="max-width"] {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin-right: auto !important;
    margin-left: auto !important;
}

body.dyson-page:not(.dyson-auth) .page.navbar-fixed,
body.dyson-page:not(.dyson-auth) .navbar-fixed {
    width: 100% !important;
    min-height: 0 !important;
    padding-top: 58px !important;
    overflow: visible !important;
}

body.dyson-page:not(.dyson-auth) .page-content {
    min-height: calc(100svh - 58px) !important;
    padding: 12px 14px calc(88px + env(safe-area-inset-bottom)) !important;
}

/* Header and bottom navigation. */
body.dyson-page:not(.dyson-auth) .navbar,
body.dyson-page:not(.dyson-auth) > .top,
body.dyson-page:not(.dyson-auth) > .views > .top,
body.dyson-page:not(.dyson-auth) .views > .top {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 110 !important;
    display: flex !important;
    align-items: center !important;
    width: min(100%, 480px) !important;
    height: 58px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(229, 231, 235, .92) !important;
    background: rgba(255, 255, 255, .97) !important;
    color: var(--ref-ink) !important;
    box-shadow: 0 2px 10px rgba(31, 41, 55, .04) !important;
    backdrop-filter: blur(16px);
}

body.dyson-page:not(.dyson-auth) .navbar-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 12px !important;
    background: transparent !important;
}

body.dyson-page:not(.dyson-auth) .navbar .left,
body.dyson-page:not(.dyson-auth) .navbar .right,
body.dyson-page:not(.dyson-auth) .top > div {
    display: flex !important;
    align-items: center !important;
    width: 62px !important;
    min-width: 62px !important;
    height: 58px !important;
    margin: 0 !important;
}

body.dyson-page:not(.dyson-auth) .navbar .right,
body.dyson-page:not(.dyson-auth) .top > div:last-child {
    justify-content: flex-end !important;
}

body.dyson-page:not(.dyson-auth) .navbar .left a,
body.dyson-page:not(.dyson-auth) .navbar .right a,
body.dyson-page:not(.dyson-auth) .top #btnClose {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    color: var(--ref-blue) !important;
}

body.dyson-page:not(.dyson-auth) .navbar .left .icon,
body.dyson-page:not(.dyson-auth) .navbar .left .layui-icon,
body.dyson-page:not(.dyson-auth) .top #btnClose i,
body.dyson-page:not(.dyson-auth) .top .layui-icon {
    color: var(--ref-blue) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

body.dyson-page:not(.dyson-auth) .navbar .center,
body.dyson-page:not(.dyson-auth) .topname {
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 58px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page:not(.dyson-auth) footer.dyson-footer,
body.dyson-page:not(.dyson-auth) footer {
    position: fixed !important;
    right: auto !important;
    bottom: 0 !important;
    left: 50% !important;
    z-index: 120 !important;
    display: flex !important;
    align-items: stretch !important;
    justify-content: space-around !important;
    width: min(100%, 480px) !important;
    height: calc(66px + env(safe-area-inset-bottom)) !important;
    margin: 0 !important;
    padding: 2px 6px env(safe-area-inset-bottom) !important;
    transform: translateX(-50%) !important;
    border: 0 !important;
    border-top: 1px solid rgba(229, 231, 235, .96) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 -4px 18px rgba(31, 41, 55, .06) !important;
}

body.dyson-page:not(.dyson-auth) footer.dyson-footer .foot_bo,
body.dyson-page:not(.dyson-auth) footer .foot_bo,
body.dyson-page:not(.dyson-auth) footer .foot_bo[style*="rgba"] {
    display: flex !important;
    flex: 1 1 0 !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 4px 2px 6px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
}

body.dyson-page:not(.dyson-auth) footer.dyson-footer .foot_bo a,
body.dyson-page:not(.dyson-auth) footer .foot_bo a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 56px !important;
    color: var(--ref-muted) !important;
    font-size: 10px !important;
    font-weight: 500 !important;
    line-height: 14px !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo img {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
    margin: 0 auto 2px !important;
    object-fit: contain !important;
    opacity: .7 !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo:not([style]) a,
body.dyson-page:not(.dyson-auth) footer .foot_bo:not([style])::after {
    color: var(--ref-blue) !important;
    font-weight: 700 !important;
}

/* Controls and surfaces. */
body.dyson-page:not(.dyson-auth) input:not([type="hidden"]),
body.dyson-page:not(.dyson-auth) textarea,
body.dyson-page:not(.dyson-auth) select,
body.dyson-page:not(.dyson-auth) #amountInput,
body.dyson-page:not(.dyson-auth) #code {
    min-height: 46px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: none !important;
}

body.dyson-page:not(.dyson-auth) input:not([type="hidden"]):focus,
body.dyson-page:not(.dyson-auth) textarea:focus,
body.dyson-page:not(.dyson-auth) select:focus {
    border-color: var(--ref-blue) !important;
    outline: 0 !important;
    box-shadow: 0 0 0 3px rgba(79, 140, 255, .14) !important;
}

body.dyson-page:not(.dyson-auth) button,
body.dyson-page:not(.dyson-auth) .btn,
body.dyson-page:not(.dyson-auth) .button,
body.dyson-page:not(.dyson-auth) .submitbtn,
body.dyson-page:not(.dyson-auth) .Putforwardbtn button,
body.dyson-page:not(.dyson-auth) .earnings_item_btn,
body.dyson-page:not(.dyson-auth) .task_btn .e,
body.dyson-page:not(.dyson-auth) #checkin {
    min-height: 44px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    font-weight: 700 !important;
    box-shadow: 0 8px 16px rgba(79, 140, 255, .2) !important;
}

body.dyson-page:not(.dyson-auth) .dyson-card,
body.dyson-page:not(.dyson-auth) .earnings_item,
body.dyson-page:not(.dyson-auth) .task_item,
body.dyson-page:not(.dyson-auth) .team_count,
body.dyson-page:not(.dyson-auth) .message_item,
body.dyson-page:not(.dyson-auth) .rlist_item,
body.dyson-page:not(.dyson-auth) .tixianlog-log {
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

/* Home and the old home pseudo header. */
body.dyson-page.dyson-home::before {
    display: block !important;
    width: min(100%, 480px) !important;
    height: 58px !important;
    margin: 0 auto !important;
    padding: 0 !important;
    background-color: #fff !important;
    background-image: url('/static/home/img/logo-10010.png') !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
    background-size: 150px auto !important;
    color: transparent !important;
    content: "" !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    letter-spacing: 3px !important;
    line-height: 58px !important;
    text-align: center !important;
}

body.dyson-page.dyson-home > .page-content {
    width: min(100%, 480px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 12px 12px calc(88px + env(safe-area-inset-bottom)) !important;
}

body.dyson-page.dyson-home .video-box {
    width: 100% !important;
    height: 174px !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-home .video-box video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-home .icon-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 0 14px !important;
    padding: 8px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-home .icon-item {
    display: flex !important;
    min-height: 72px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    color: var(--ref-ink) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    text-align: center !important;
}

body.dyson-page.dyson-home .icon-item img {
    width: 34px !important;
    height: 34px !important;
    margin-bottom: 5px !important;
    object-fit: contain !important;
}

body.dyson-page.dyson-home .home-promo {
    display: block !important;
    min-height: 0 !important;
    margin-bottom: 14px !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-home .home-promo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-home > .home-promo {
    width: min(100%, 480px) !important;
    min-height: 0 !important;
    margin: 0 auto 88px !important;
    padding: 0 12px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-home > .home-promo img {
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

/* Recharge and withdrawal. */
body.dyson-page.dyson-recharge .page.navbar-fixed,
body.dyson-page.dyson-withdrawal .page.navbar-fixed {
    padding-top: 58px !important;
}

body.dyson-page.dyson-recharge .cz-index-top,
body.dyson-page.dyson-withdrawal .cz-index-top,
body.dyson-page.dyson-cash .tixianlog-index-top {
    min-height: 96px !important;
    margin: 10px 12px !important;
    padding: 16px !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    box-shadow: 0 10px 20px rgba(79, 140, 255, .18) !important;
}

body.dyson-page.dyson-recharge .cz-index-top *,
body.dyson-page.dyson-withdrawal .cz-index-top *,
body.dyson-page.dyson-cash .tixianlog-index-top * {
    color: #fff !important;
}

body.dyson-page.dyson-recharge .exchange,
body.dyson-page.dyson-withdrawal .exchange {
    margin: 0 12px !important;
    padding: 14px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-recharge .exchange > div,
body.dyson-page.dyson-recharge .exchange > div > div,
body.dyson-page.dyson-withdrawal .exchange > div,
body.dyson-page.dyson-withdrawal .exchange > div > div {
    background: transparent !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-recharge .recharge-price-list ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 0 !important;
}

body.dyson-page.dyson-recharge .recharge-price-list li {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-height: 48px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-recharge .recharge-price-list li.cur {
    border-color: var(--ref-blue) !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
    box-shadow: inset 0 0 0 1px var(--ref-blue) !important;
}

body.dyson-page.dyson-recharge .recharge-box-div,
body.dyson-page.dyson-recharge .Putforwardbox {
    margin: 14px 0 0 !important;
    padding: 14px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-recharge .Putforwardbox {
    margin-bottom: 88px !important;
}

body.dyson-page.dyson-recharge .mylabel {
    display: flex !important;
    align-items: center !important;
    min-height: 42px !important;
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-withdrawal .exchange > div[style*="border:2px"] {
    width: 100% !important;
    padding: 12px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-withdrawal .exchange > div[style*="border:2px"] * {
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-withdrawal #amountInput {
    width: 100% !important;
    margin: 6px 0 0 !important;
    padding: 0 14px !important;
}

body.dyson-page.dyson-withdrawal .Putforwardbtn button {
    width: 100% !important;
}

body.dyson-page.dyson-withdrawal .navbar-fixed > div[style*="margin-top"] {
    margin: 12px 12px 88px !important;
    padding: 14px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    color: var(--ref-muted) !important;
}

/* Lists and balance records. */
body.dyson-page.dyson-recharge-list .page.navbar-fixed,
body.dyson-page.dyson-withdrawal-list .page.navbar-fixed,
body.dyson-page.dyson-cash .page.navbar-fixed {
    padding: 58px 12px 88px !important;
}

body.dyson-page.dyson-recharge-list .rlist,
body.dyson-page.dyson-withdrawal-list .rlist,
body.dyson-page.dyson-cash .content {
    min-height: 96px !important;
    margin-top: 10px !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-recharge-list .rlist > div,
body.dyson-page.dyson-withdrawal-list .rlist > div,
body.dyson-page.dyson-cash .content .tixianlog-log > *,
body.dyson-page.dyson-cash .content .tixianlog-log {
    min-height: 76px !important;
    margin-bottom: 8px !important;
    padding: 12px !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-recharge-list .rlist > div *,
body.dyson-page.dyson-withdrawal-list .rlist > div *,
body.dyson-page.dyson-cash .content * {
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-recharge-list .rlist font,
body.dyson-page.dyson-withdrawal-list .rlist font {
    color: var(--ref-green) !important;
    font-weight: 700 !important;
}

/* Device, tasks and check-in. */
body.dyson-page.dyson-device .page-index-shop1 {
    padding: 12px !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    padding: 0 !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 > li {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 > li > div,
body.dyson-page.dyson-device .page-index-shop1-ul1 #list,
body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div {
    min-height: 214px !important;
    margin: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div * {
    color: var(--ref-muted) !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list font {
    color: var(--ref-orange-strong) !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-task .task-banner {
    width: min(100%, 480px) !important;
    margin: 58px auto 10px !important;
    padding: 12px 12px 0 !important;
}

body.dyson-page.dyson-task .task-banner img {
    width: 100% !important;
    border-radius: 16px !important;
}

body.dyson-page.dyson-task .content {
    width: min(100%, 480px) !important;
    margin: 0 auto !important;
    padding: 12px 12px 88px !important;
}

body.dyson-page.dyson-task .task-header {
    margin-bottom: 10px !important;
    padding: 14px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-task .task-title {
    color: var(--ref-ink) !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-task .task-desc {
    color: var(--ref-muted) !important;
}

body.dyson-page.dyson-checkin .checkin-container {
    width: min(100%, 480px) !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: 0 12px 74px !important;
    background: transparent !important;
}

body.dyson-page.dyson-checkin .header-banner {
    height: 58px !important;
    margin: 0 -12px 12px !important;
    background: rgba(255, 255, 255, .97) !important;
    border-bottom: 1px solid var(--ref-line) !important;
}

body.dyson-page.dyson-checkin .header-title {
    color: var(--ref-ink) !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-checkin .bonus-container {
    padding: 18px !important;
    border-radius: var(--ref-radius) !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
}

body.dyson-page.dyson-checkin .stats-card,
body.dyson-page.dyson-checkin .tips-container {
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-checkin .stats-value,
body.dyson-page.dyson-checkin .stats-value.highlight {
    color: var(--ref-blue) !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-checkin .checkin-button {
    width: 100% !important;
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
}

/* Sharing and treasure. */
body.dyson-page.dyson-share > div[style*="max-width"],
body.dyson-page.dyson-share-list > div[style*="max-width"],
body.dyson-page.dyson-share-team > div[style*="max-width"],
body.dyson-page.dyson-treasure > div[style*="max-width"] {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    padding: 68px 12px 88px !important;
    background: transparent !important;
}

body.dyson-page.dyson-share .top1 {
    width: 100% !important;
    height: auto !important;
    min-height: 142px !important;
    margin-bottom: 12px !important;
    overflow: hidden !important;
    border-radius: 18px !important;
    background: var(--ref-purple-soft) !important;
}

body.dyson-page.dyson-share .top1 img {
    width: 100% !important;
    height: auto !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div:not(.top1),
body.dyson-page.dyson-share-team > div[style*="max-width"] > div[style*="margin-top"] {
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share #teamdetails,
body.dyson-page.dyson-share #copy,
body.dyson-page.dyson-share #copy1 {
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] > div:first-child .typeitem {
    border: 1px solid var(--ref-line) !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] > div:first-child .typeitem.over {
    border-color: var(--ref-blue) !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
}

body.dyson-page.dyson-share-list .zhitui_index_li {
    margin-bottom: 8px !important;
    padding: 10px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share-list .zhitui_index_li * {
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share-team > div[style*="max-width"] > div:first-child {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
}

body.dyson-page.dyson-share-team .typeitem {
    min-height: 74px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 12px !important;
    background: var(--ref-purple-soft) !important;
    color: var(--ref-purple) !important;
}

body.dyson-page.dyson-share-team .typeitem:nth-child(2) {
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
}

body.dyson-page.dyson-share-team .typeitem:nth-child(3) {
    background: var(--ref-orange-soft) !important;
    color: var(--ref-orange-strong) !important;
}

body.dyson-page.dyson-share-team .typeitem * {
    color: inherit !important;
}

body.dyson-page.dyson-share-rlist .rlist_top_bj {
    border-radius: 16px !important;
    background: linear-gradient(135deg, var(--ref-purple), #b17cff) !important;
}

body.dyson-page.dyson-share-rlist .rlist_top,
body.dyson-page.dyson-share-rlist .rlist_mian,
body.dyson-page.dyson-share-rlist .rlist_mian1 {
    width: calc(100% - 24px) !important;
    max-width: 456px !important;
    margin-right: 12px !important;
    margin-left: 12px !important;
    box-sizing: border-box !important;
}

body.dyson-page.dyson-share-rlist .rlist_item {
    margin-bottom: 8px !important;
    padding: 12px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_r {
    color: var(--ref-orange-strong) !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-treasure > div[style*="max-width"] > div[style*="height:auto"] {
    border-radius: 18px !important;
    background: var(--ref-orange-soft) !important;
    box-shadow: 0 10px 24px rgba(255, 184, 77, .12) !important;
}

body.dyson-page.dyson-treasure #btn4 {
    width: 100% !important;
    min-height: 48px !important;
    border: 1px solid rgba(255, 184, 77, .35) !important;
    border-radius: 12px !important;
    background: #fff !important;
}

body.dyson-page.dyson-treasure #code {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 14px !important;
}

body.dyson-page.dyson-treasure #checkin {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    margin-top: 14px !important;
    background: linear-gradient(135deg, var(--ref-orange), var(--ref-orange-strong)) !important;
    color: #fff !important;
}

/* Profile and settings. */
body.dyson-page.dyson-user > div[style*="max-width"] {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    overflow-x: hidden !important;
    padding-bottom: calc(88px + env(safe-area-inset-bottom)) !important;
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-user .top1 {
    display: none !important;
}

body.dyson-page.dyson-user .top1 + div[style*="background: #000"] {
    height: 172px !important;
    width: calc(100% - 24px) !important;
    margin: 0 12px !important;
    border-radius: 0 0 22px 22px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #4200FF"] {
    z-index: 2 !important;
    width: calc(100% - 24px) !important;
    min-height: 88px !important;
    margin: -34px 12px 12px !important;
    padding: 12px !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-user #useramount {
    color: var(--ref-blue) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-user #Recharge {
    min-height: 40px !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #191A1F"] {
    width: calc(100% - 24px) !important;
    margin: 0 12px 10px !important;
    padding: 8px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #191A1F"] * {
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-user .video-box {
    width: calc(100% - 24px) !important;
    height: 132px !important;
    margin: 10px 12px !important;
    border-radius: 16px !important;
    overflow: hidden !important;
}

body.dyson-page.dyson-user .video-box video {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-about .content-text,
body.dyson-page.dyson-service .views > div:not(.navbar) > div,
body.dyson-page.dyson-account .page-content > form,
body.dyson-page.dyson-password .page-content > form {
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: var(--ref-radius) !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-about .content-text *,
body.dyson-page.dyson-service .views > div:not(.navbar) > div * {
    color: inherit !important;
}

body.dyson-page.dyson-account .page-content > form ul,
body.dyson-page.dyson-account .page-content > form ul[style*="background-color"] {
    margin: 0 !important;
    padding: 8px 14px !important;
    border-radius: 10px !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-account .page-content > form input,
body.dyson-page.dyson-account .page-content > form select,
body.dyson-page.dyson-password .page-content > form input {
    width: 100% !important;
    margin: 6px 0 0 !important;
    padding: 0 12px !important;
}

body.dyson-page.dyson-account .baocuss,
body.dyson-page.dyson-password .baocuss {
    margin-top: 16px !important;
    padding: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-account .baocuss a,
body.dyson-page.dyson-password .baocuss a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
}

/* Auth routes are not inside the app shell, but share its visual tokens. */
body.dyson-auth {
    min-height: 100vh !important;
    min-height: 100svh !important;
    padding: 0 16px 34px !important;
    background: linear-gradient(180deg, var(--ref-blue-soft), var(--ref-bg) 38%) !important;
    color: var(--ref-ink) !important;
}

body.dyson-auth::before {
    display: block !important;
    padding-top: max(26px, env(safe-area-inset-top)) !important;
    color: var(--ref-blue) !important;
    background: transparent !important;
    font-size: 24px !important;
    line-height: 52px !important;
}

body.dyson-auth > div[style*="max-width"] > div[style*="margin-top"] {
    margin-top: 22px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-auth .layui-form-item > div:has(> input) {
    border-color: var(--ref-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
}

body.dyson-auth .layui-form-item input {
    border: 0 !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
}

body.dyson-auth input.btn_submit_my,
body.dyson-auth .btn_submit_my {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 46px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    box-shadow: 0 8px 16px rgba(79, 140, 255, .2) !important;
}

@media (min-width: 700px) {
    body.dyson-page:not(.dyson-auth) {
        padding-right: 24px !important;
        padding-left: 24px !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page:not(.dyson-auth) .navbar .left,
    body.dyson-page:not(.dyson-auth) .navbar .right,
    body.dyson-page:not(.dyson-auth) .top > div {
        width: 52px !important;
        min-width: 52px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page *,
    body.dyson-page *::before,
    body.dyson-page *::after {
        animation-duration: .01ms !important;
        animation-iteration-count: 1 !important;
        scroll-behavior: auto !important;
        transition-duration: .01ms !important;
    }
}

/* Final small-screen cleanup for legacy inline layout rules. */
body.dyson-page.dyson-home .video-box,
body.dyson-page.dyson-user .video-box {
    /*background: var(--ref-blue-soft) url('/static/page/1.jpg') center / cover no-repeat !important;*/
}

body.dyson-page.dyson-home .video-box video,
body.dyson-page.dyson-user .video-box video {
    background: transparent !important;
}

body.dyson-page.dyson-home::after {
    display: block !important;
    height: 96px !important;
    content: "" !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul {
    margin: 0 !important;
    padding: 16px 14px !important;
    border-radius: 12px !important;
    background: var(--ref-blue-soft) !important;
    list-style: none !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul > li {
    display: block !important;
    margin: 0 !important;
    padding: 0 !important;
    list-style: none !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul > li + li {
    margin-top: 16px !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul li div[style*="margin-left"],
body.dyson-page.dyson-account .page-content > form > div > ul li div[style*="margin-top"],
body.dyson-page.dyson-account .page-content > form > div > ul li .item-content,
body.dyson-page.dyson-account .page-content > form > div > ul li .item-inner {
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul li div[style*="font-size"],
body.dyson-page.dyson-account .page-content > form > div > ul li .item-title.label {
    display: block !important;
    margin: 0 0 6px !important;
    color: var(--ref-ink) !important;
    font-size: 13px !important;
    font-weight: 700 !important;
    line-height: 1.4 !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul li select,
body.dyson-page.dyson-account .page-content > form > div > ul li input {
    width: 100% !important;
    min-height: 46px !important;
    height: 46px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-account .parent-container {
    margin-top: 16px !important;
}

body.dyson-page.dyson-account .baocuss {
    width: 100% !important;
    margin: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-account .baocuss a {
    width: 100% !important;
}

body.dyson-page.dyson-treasure div:has(> .layui-form-item) {
    width: 100% !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-treasure .layui-form-item,
body.dyson-page.dyson-treasure .inputdiv {
    width: 100% !important;
    min-height: 48px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-treasure #code {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-treasure div:has(> #checkin) {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 14px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-treasure #checkin {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    box-sizing: border-box !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--ref-orange), var(--ref-orange-strong)) !important;
    color: #fff !important;
}

body.dyson-page.dyson-share-team > div[style*="max-width"] > div:first-child {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    padding: 8px !important;
    align-items: stretch !important;
}

body.dyson-page.dyson-share-team .typeitem {
    width: auto !important;
    min-width: 0 !important;
    min-height: 86px !important;
    float: none !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 10px 6px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 12px !important;
    text-align: center !important;
}

body.dyson-page.dyson-share-team .typeitem > div {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

body.dyson-page.dyson-share-team .typeitem > div:first-child {
    margin-bottom: 4px !important;
    font-size: 16px !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-share-team .typeitem > div:nth-child(2) {
    font-size: 11px !important;
}

/* Normalize the legacy Framework7 page flow so long content uses the root scroll. */
html:has(body.dyson-page) {
    overflow-x: hidden !important;
    overflow-y: auto !important;
}

body.dyson-page:not(.dyson-auth) {
    height: auto !important;
    min-height: 100vh !important;
    overflow-x: hidden !important;
    overflow-y: visible !important;
}

body.dyson-page:not(.dyson-auth) .views {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
}

body.dyson-page:not(.dyson-auth) .page.navbar-fixed {
    position: relative !important;
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
}

body.dyson-page:not(.dyson-auth) .page.navbar-fixed > .page-content {
    height: auto !important;
    min-height: 100vh !important;
    overflow: visible !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    padding: 70px 12px calc(88px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

/* Footer v2: semantic labels, stable active state, safe-area spacing. */
body.dyson-page:not(.dyson-auth) footer.dyson-footer,
body.dyson-page:not(.dyson-auth) footer {
    height: calc(72px + env(safe-area-inset-bottom)) !important;
    padding: 4px 8px env(safe-area-inset-bottom) !important;
    border-top: 1px solid rgba(229, 231, 235, .96) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 -8px 24px rgba(31, 41, 55, .08) !important;
    backdrop-filter: blur(18px) !important;
}

body.dyson-page:not(.dyson-auth) footer.dyson-footer .foot_bo,
body.dyson-page:not(.dyson-auth) footer .foot_bo {
    position: relative !important;
    display: flex !important;
    flex: 1 1 20% !important;
    align-items: center !important;
    justify-content: center !important;
    width: 20% !important;
    max-width: 20% !important;
    min-width: 0 !important;
    height: 64px !important;
    margin: 0 !important;
    padding: 4px 2px 6px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    transition: background-color 180ms ease, transform 180ms ease !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo::before {
    position: absolute !important;
    top: 0 !important;
    left: 50% !important;
    width: 24px !important;
    height: 3px !important;
    border-radius: 999px !important;
    background: transparent !important;
    content: "" !important;
    transform: translateX(-50%) !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo::after {
    display: none !important;
    content: none !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo a {
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-width: 44px !important;
    min-height: 56px !important;
    gap: 2px !important;
    border-radius: 10px !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    font-weight: 600 !important;
    line-height: 14px !important;
    text-decoration: none !important;
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo a:focus-visible {
    outline: 3px solid rgba(79, 140, 255, .28) !important;
    outline-offset: 2px !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo a:active {
    transform: scale(.97) !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo img {
    display: block !important;
    width: 23px !important;
    height: 23px !important;
    margin: 0 !important;
    object-fit: contain !important;
    opacity: .62 !important;
    transition: opacity 180ms ease, transform 180ms ease !important;
}

body.dyson-page:not(.dyson-auth) footer .dyson-footer__label {
    display: block !important;
    max-width: 100% !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 11px !important;
    font-weight: inherit !important;
    line-height: 14px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo.is-active {
    background: var(--ref-blue-soft) !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo.is-active::before {
    background: var(--ref-blue) !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo.is-active a,
body.dyson-page:not(.dyson-auth) footer .foot_bo.is-active .dyson-footer__label {
    color: var(--ref-blue) !important;
    font-weight: 700 !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo.is-active img {
    opacity: 1 !important;
    transform: translateY(-1px) !important;
}

body.dyson-page:not(.dyson-auth) footer .foot_bo.is-inactive:hover,
body.dyson-page:not(.dyson-auth) footer .foot_bo.is-inactive:focus-within {
    background: var(--ref-blue-soft) !important;
}

@media (min-width: 1024px) {
    body.dyson-page:not(.dyson-auth) footer.dyson-footer,
    body.dyson-page:not(.dyson-auth) footer {
        top: 0 !important;
        right: auto !important;
        bottom: auto !important;
        left: 0 !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: stretch !important;
        justify-content: flex-start !important;
        width: 240px !important;
        height: 100dvh !important;
        min-height: 620px !important;
        padding: 96px 16px 24px !important;
        transform: none !important;
        border-top: 0 !important;
        border-right: 1px solid var(--ref-line) !important;
        background: rgba(255, 255, 255, .98) !important;
        box-shadow: 4px 0 24px rgba(31, 41, 55, .05) !important;
        backdrop-filter: none !important;
    }

    body.dyson-page:not(.dyson-auth) footer.dyson-footer .foot_bo,
    body.dyson-page:not(.dyson-auth) footer .foot_bo {
        flex: 0 0 52px !important;
        width: 100% !important;
        max-width: none !important;
        height: 52px !important;
        margin: 0 0 8px !important;
        padding: 0 12px !important;
        justify-content: flex-start !important;
    }

    body.dyson-page:not(.dyson-auth) footer.dyson-footer .foot_bo::before,
    body.dyson-page:not(.dyson-auth) footer .foot_bo::before {
        top: 16px !important;
        left: 0 !important;
        width: 3px !important;
        height: 20px !important;
        transform: none !important;
    }

    body.dyson-page:not(.dyson-auth) footer.dyson-footer .foot_bo a,
    body.dyson-page:not(.dyson-auth) footer .foot_bo a {
        flex-direction: row !important;
        justify-content: flex-start !important;
        gap: 12px !important;
        min-height: 52px !important;
        padding: 0 8px !important;
        text-align: left !important;
    }

    body.dyson-page:not(.dyson-auth) footer.dyson-footer .foot_bo img,
    body.dyson-page:not(.dyson-auth) footer .foot_bo img {
        flex: 0 0 23px !important;
        margin: 0 !important;
    }

    body.dyson-page:not(.dyson-auth) footer.dyson-footer .dyson-footer__label,
    body.dyson-page:not(.dyson-auth) footer .dyson-footer__label {
        flex: 1 1 auto !important;
        font-size: 14px !important;
        line-height: 20px !important;
        text-align: left !important;
    }
}

@media (max-width: 1023px) {
    body.dyson-page:not(.dyson-auth) footer.dyson-footer .dyson-footer__label,
    body.dyson-page:not(.dyson-auth) footer .dyson-footer__label {
        display: -webkit-box !important;
        height: 24px !important;
        max-width: 100% !important;
        overflow: hidden !important;
        font-size: 10px !important;
        line-height: 12px !important;
        text-overflow: clip !important;
        white-space: normal !important;
        -webkit-box-orient: vertical !important;
        -webkit-line-clamp: 2 !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page:not(.dyson-auth) footer .foot_bo,
    body.dyson-page:not(.dyson-auth) footer .foot_bo a,
    body.dyson-page:not(.dyson-auth) footer .foot_bo img {
        transition: none !important;
    }
}

/* About / brand story: editorial media, disciplined reading width, same product tokens. */
body.dyson-page.dyson-about .page-content {
    padding: 14px 14px calc(36px + env(safe-area-inset-bottom)) !important;
}

body.dyson-page.dyson-about .about-shell {
    width: min(100%, 760px) !important;
    margin: 0 auto !important;
}

body.dyson-page.dyson-about .about-hero {
    display: grid !important;
    gap: 14px !important;
    margin: 0 0 20px !important;
}

body.dyson-page.dyson-about .about-hero__copy,
body.dyson-page.dyson-about .about-story__heading {
    padding: 4px 2px !important;
}

body.dyson-page.dyson-about .about-kicker {
    display: block !important;
    color: var(--ref-blue) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.25px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-about .about-hero h1 {
    max-width: 18ch !important;
    margin: 7px 0 8px !important;
    color: var(--ref-ink) !important;
    font-size: clamp(28px, 8vw, 42px) !important;
    font-weight: 850 !important;
    letter-spacing: -0.45px !important;
    line-height: 1.06 !important;
}

body.dyson-page.dyson-about .about-hero__copy > p,
body.dyson-page.dyson-about .about-story__heading > p {
    max-width: 42ch !important;
    margin: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 14px !important;
    line-height: 21px !important;
}

body.dyson-page.dyson-about .about-hero__signals {
    display: flex !important;
    flex-wrap: wrap !important;
    gap: 7px !important;
    margin-top: 14px !important;
}

body.dyson-page.dyson-about .about-hero__signals span {
    display: inline-flex !important;
    min-height: 28px !important;
    align-items: center !important;
    padding: 0 10px !important;
    border: 1px solid rgba(79, 140, 255, .2) !important;
    border-radius: 999px !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-about .about-hero__media {
    position: relative !important;
    min-height: 0 !important;
    aspect-ratio: 16 / 9 !important;
    overflow: hidden !important;
    border: 1px solid rgba(79, 140, 255, .18) !important;
    border-radius: 18px !important;
    background: var(--ref-blue-soft) !important;
    box-shadow: 0 12px 30px rgba(31, 41, 55, .1) !important;
}

body.dyson-page.dyson-about .about-hero__media::after {
    position: absolute !important;
    inset: 0 !important;
    background: linear-gradient(180deg, rgba(10, 22, 42, .02), rgba(10, 22, 42, .34)) !important;
    content: "" !important;
    pointer-events: none !important;
}

body.dyson-page.dyson-about .about-hero__media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-about .about-hero__media-label {
    position: absolute !important;
    right: 12px !important;
    bottom: 10px !important;
    z-index: 1 !important;
    padding: 4px 7px !important;
    border: 1px solid rgba(255, 255, 255, .36) !important;
    border-radius: 999px !important;
    background: rgba(10, 22, 42, .4) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-about .about-story {
    display: grid !important;
    gap: 12px !important;
}

body.dyson-page.dyson-about .about-story__heading h2 {
    margin: 5px 0 5px !important;
    color: var(--ref-ink) !important;
    font-size: 22px !important;
    font-weight: 850 !important;
    letter-spacing: -0.2px !important;
    line-height: 28px !important;
}

body.dyson-page.dyson-about .content-text {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: var(--ref-card) !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-about .content-text > p:first-child {
    display: none !important;
}

body.dyson-page.dyson-about .content-text section {
    display: block !important;
    margin: 0 0 20px !important;
    padding: 14px !important;
    border: 1px solid rgba(79, 140, 255, .14) !important;
    border-radius: 12px !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-about .content-text p {
    max-width: 60ch !important;
    margin: 0 0 14px !important;
    color: var(--ref-ink) !important;
    font-size: 15px !important;
    line-height: 1.72 !important;
}

body.dyson-page.dyson-about .content-text section p {
    margin-bottom: 10px !important;
}

body.dyson-page.dyson-about .content-text p:last-child,
body.dyson-page.dyson-about .content-text section p:last-child {
    margin-bottom: 0 !important;
}

body.dyson-page.dyson-about .content-text strong {
    color: var(--ref-blue) !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-about .content-text p:has(> img) {
    margin: 20px 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 14px !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-about .content-text p:has(> img) img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 4 / 3 !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-about .content-text br {
    display: none !important;
}

@media (min-width: 700px) {
    body.dyson-page.dyson-about .page-content {
        padding: 24px 24px 56px !important;
    }

    body.dyson-page.dyson-about .about-hero {
        grid-template-columns: minmax(0, 5fr) minmax(0, 7fr) !important;
        align-items: center !important;
        gap: 32px !important;
        min-height: 300px !important;
        margin-bottom: 36px !important;
    }

    body.dyson-page.dyson-about .about-hero__copy {
        padding: 0 !important;
    }

    body.dyson-page.dyson-about .about-hero__media {
        aspect-ratio: 4 / 3 !important;
    }

    body.dyson-page.dyson-about .about-story {
        grid-template-columns: minmax(190px, 1fr) minmax(0, 3fr) !important;
        align-items: start !important;
        gap: 32px !important;
    }

    body.dyson-page.dyson-about .about-story__heading {
        position: sticky !important;
        top: 78px !important;
        padding: 6px 0 !important;
    }

    body.dyson-page.dyson-about .content-text {
        padding: 24px !important;
    }
}

@media (min-width: 900px) {
    body.dyson-page.dyson-about .views {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-about .page-content {
        width: min(calc(100% - 48px), 1040px) !important;
        max-width: none !important;
        margin: 0 auto !important;
    }

    body.dyson-page.dyson-about .navbar {
        width: min(calc(100% - 48px), 1040px) !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-about .about-hero__media,
    body.dyson-page.dyson-about .content-text p:has(> img) {
        scroll-behavior: auto !important;
        transition: none !important;
    }
}

/* Login v2: quiet trust surface on mobile, split brand stage on desktop. */
body.dyson-auth-login {
    position: relative !important;
    display: block !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    padding: max(24px, env(safe-area-inset-top)) 16px 32px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background:
        radial-gradient(circle at 50% 0, rgba(79, 140, 255, .12), transparent 42%),
        linear-gradient(180deg, #eef5ff 0, #f7f9fc 46%, #f7f9fc 100%) !important;
}

body.dyson-auth-login::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 !important;
    color: var(--ref-blue) !important;
    background: transparent !important;
    content: "SMARTLIFE" !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
    line-height: 44px !important;
    text-align: center !important;
}

body.dyson-auth-login::after {
    display: none !important;
    content: "" !important;
}

body.dyson-auth-login > div[style*="max-width"] {
    width: min(100%, 440px) !important;
    max-width: 440px !important;
    margin: 20px auto 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

body.dyson-auth-login > div[style*="max-width"]::before {
    display: block !important;
    margin: 0 4px 10px !important;
    color: var(--ref-ink) !important;
    content: "আবার স্বাগতম" !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 34px !important;
    text-align: left !important;
}

body.dyson-auth-login > div[style*="max-width"] > div[style*="margin-top"] {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 22px 20px 20px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(229, 231, 235, .94) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 18px 42px rgba(31, 41, 55, .09) !important;
}

body.dyson-auth-login .layui-form {
    width: 100% !important;
    color: var(--ref-ink) !important;
}

body.dyson-auth-login .layui-form::before {
    display: block !important;
    margin: 0 2px 18px !important;
    color: var(--ref-muted) !important;
    content: "আপনার SmartLife অ্যাকাউন্টে চালিয়ে যেতে লগইন করুন" !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

body.dyson-auth-login .layui-form > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

body.dyson-auth-login .layui-form > div:first-child > div,
body.dyson-auth-login .layui-form > div:first-child > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-height: 44px !important;
    padding: 10px 4px 11px !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid transparent !important;
    color: var(--ref-muted) !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: color 180ms ease, border-color 180ms ease !important;
}

body.dyson-auth-login .layui-form > div:first-child > div:first-child,
body.dyson-auth-login .layui-form > div:first-child > a:first-child {
    border-bottom-color: var(--ref-blue) !important;
    color: var(--ref-blue) !important;
}

body.dyson-auth-login .layui-form > div:first-child > a:hover,
body.dyson-auth-login .layui-form > div:first-child > a:focus-visible {
    color: var(--ref-blue) !important;
}

body.dyson-auth-login .layui-form-item {
    margin: 0 0 14px !important;
}

body.dyson-auth-login .layui-form-item > div:has(> input) {
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 12px 0 14px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--ref-muted) !important;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

body.dyson-auth-login .layui-form-item > div:has(> input):focus-within {
    border-color: var(--ref-blue) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(79, 140, 255, .14) !important;
}

body.dyson-auth-login .layui-form-item input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

body.dyson-auth-login .layui-form-item input::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

body.dyson-auth-login .dyson-password-toggle {
    position: relative !important;
    display: inline-flex !important;
    flex: 0 0 44px !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    height: 44px !important;
    margin: 0 -8px 0 4px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 10px !important;
    background: transparent !important;
    color: var(--ref-muted) !important;
    cursor: pointer !important;
    transition: color 180ms ease, background-color 180ms ease, transform 180ms ease !important;
}

body.dyson-auth-login .dyson-password-toggle::before {
    width: 17px;
    height: 11px;
    border: 1.6px solid currentColor;
    border-radius: 75% 15%;
    content: "";
    transform: rotate(45deg) scale(.78);
}

body.dyson-auth-login .dyson-password-toggle::after {
    position: absolute;
    width: 4px;
    height: 4px;
    border-radius: 50%;
    background: currentColor;
    content: "";
}

body.dyson-auth-login .dyson-password-toggle:hover,
body.dyson-auth-login .dyson-password-toggle:focus-visible {
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
}

body.dyson-auth-login .dyson-password-toggle:focus-visible {
    outline: 3px solid rgba(79, 140, 255, .24) !important;
    outline-offset: 1px !important;
}

body.dyson-auth-login .layui-form > div[style*="margin-top"] {
    margin-top: 2px !important;
}

body.dyson-auth-login input.btn_submit_my,
body.dyson-auth-login .btn_submit_my {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 20px rgba(79, 140, 255, .2) !important;
    transition: box-shadow 180ms ease, transform 150ms ease, filter 180ms ease !important;
}

body.dyson-auth-login input.btn_submit_my:hover,
body.dyson-auth-login .btn_submit_my:hover {
    filter: saturate(1.05) !important;
    box-shadow: 0 13px 24px rgba(79, 140, 255, .27) !important;
}

body.dyson-auth-login input.btn_submit_my:active,
body.dyson-auth-login .btn_submit_my:active {
    transform: scale(.98) !important;
}

@media (min-width: 900px) {
    body.dyson-auth-login {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        min-height: 100vh !important;
        padding: 48px clamp(32px, 7vw, 112px) !important;
        background: #f7f9fc !important;
    }

    body.dyson-auth-login::before {
        position: fixed !important;
        top: 48px !important;
        left: clamp(32px, 7vw, 112px) !important;
        z-index: 2 !important;
        justify-content: flex-start !important;
        width: auto !important;
        height: 44px !important;
        color: #fff !important;
        text-align: left !important;
    }

    body.dyson-auth-login::after {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 0 !important;
        display: block !important;
        width: min(58vw, 840px) !important;
        border-right: 1px solid rgba(79, 140, 255, .14) !important;
        background:
            linear-gradient(135deg, rgba(11, 31, 57, .2), rgba(79, 140, 255, .06)),
            url('/static/home/img/4444.jpg') center / cover no-repeat !important;
        box-shadow: 16px 0 42px rgba(31, 41, 55, .08) !important;
        content: "" !important;
    }

    body.dyson-auth-login > div[style*="max-width"] {
        flex: 0 1 440px !important;
        width: min(440px, 36vw) !important;
        max-width: 440px !important;
        margin: 0 !important;
    }

    body.dyson-auth-login > div[style*="max-width"]::before {
        margin: 0 4px 12px !important;
        font-size: 32px !important;
        line-height: 40px !important;
    }

    body.dyson-auth-login > div[style*="max-width"] > div[style*="margin-top"] {
        padding: 28px !important;
        border-radius: 20px !important;
        box-shadow: 0 22px 54px rgba(31, 41, 55, .11) !important;
    }
}

@media (max-width: 359px) {
    body.dyson-auth-login > div[style*="max-width"]::before {
        font-size: 25px !important;
        line-height: 32px !important;
    }

    body.dyson-auth-login > div[style*="max-width"] > div[style*="margin-top"] {
        padding: 18px 16px 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-auth-login .layui-form > div:first-child > div,
    body.dyson-auth-login .layui-form > div:first-child > a,
    body.dyson-auth-login .layui-form-item > div:has(> input),
    body.dyson-auth-login .dyson-password-toggle,
    body.dyson-auth-login input.btn_submit_my,
    body.dyson-auth-login .btn_submit_my {
        transition: none !important;
    }
}

/* Register: extend the login trust surface without changing the form contract. */
body.dyson-auth-register {
    position: relative !important;
    display: block !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    padding: max(24px, env(safe-area-inset-top)) 16px 32px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background:
        radial-gradient(circle at 50% 0, rgba(79, 140, 255, .12), transparent 42%),
        linear-gradient(180deg, #eef5ff 0, #f7f9fc 46%, #f7f9fc 100%) !important;
}

body.dyson-auth-register::before {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    height: 44px !important;
    padding: 0 !important;
    color: var(--ref-blue) !important;
    background: transparent !important;
    content: "SMARTLIFE" !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    letter-spacing: 4px !important;
    line-height: 44px !important;
    text-align: center !important;
}

body.dyson-auth-register::after {
    display: none !important;
    content: "" !important;
}

body.dyson-auth-register > div[style*="max-width"] {
    width: min(100%, 440px) !important;
    max-width: 440px !important;
    margin: 20px auto 0 !important;
    position: relative !important;
    z-index: 1 !important;
}

body.dyson-auth-register > div[style*="max-width"]::before {
    display: block !important;
    margin: 0 4px 10px !important;
    color: var(--ref-ink) !important;
    content: "আপনার অ্যাকাউন্ট তৈরি করুন" !important;
    font-size: 28px !important;
    font-weight: 800 !important;
    line-height: 34px !important;
    text-align: left !important;
}

body.dyson-auth-register > div[style*="max-width"] > div[style*="margin-top"] {
    position: relative !important;
    top: auto !important;
    right: auto !important;
    bottom: auto !important;
    left: auto !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 22px 20px 20px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(229, 231, 235, .94) !important;
    border-radius: 18px !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 18px 42px rgba(31, 41, 55, .09) !important;
}

body.dyson-auth-register .layui-form {
    width: 100% !important;
    color: var(--ref-ink) !important;
}

body.dyson-auth-register .layui-form::before {
    display: block !important;
    margin: 0 2px 18px !important;
    color: var(--ref-muted) !important;
    content: "শুরু করতে কয়েকটি তথ্য দিন" !important;
    font-size: 14px !important;
    line-height: 20px !important;
}

body.dyson-auth-register .layui-form > div:first-child {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    margin: 0 0 18px !important;
    padding: 0 !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

body.dyson-auth-register .layui-form > div:first-child > a {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    flex: 1 1 0 !important;
    min-height: 44px !important;
    padding: 10px 4px 11px !important;
    box-sizing: border-box !important;
    border-bottom: 2px solid transparent !important;
    color: var(--ref-muted) !important;
    font-weight: 700 !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: color 180ms ease, border-color 180ms ease !important;
}

body.dyson-auth-register .layui-form > div:first-child > a:first-child {
    border-bottom-color: var(--ref-blue) !important;
    color: var(--ref-blue) !important;
}

body.dyson-auth-register .layui-form > div:first-child > a:hover,
body.dyson-auth-register .layui-form > div:first-child > a:focus-visible {
    color: var(--ref-blue) !important;
}

body.dyson-auth-register .layui-form-item {
    margin: 0 0 14px !important;
}

body.dyson-auth-register .layui-form-item > div:has(> input) {
    display: flex !important;
    align-items: center !important;
    min-height: 52px !important;
    height: 52px !important;
    padding: 0 14px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--ref-muted) !important;
    transition: border-color 180ms ease, box-shadow 180ms ease, background-color 180ms ease !important;
}

body.dyson-auth-register .layui-form-item > div:has(> input):focus-within {
    border-color: var(--ref-blue) !important;
    background: #fff !important;
    box-shadow: 0 0 0 3px rgba(79, 140, 255, .14) !important;
}

body.dyson-auth-register .layui-form-item input {
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 50px !important;
    height: 50px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
    font-size: 15px !important;
    line-height: 20px !important;
}

body.dyson-auth-register .layui-form-item input::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

body.dyson-auth-register .layui-form-item input:disabled {
    color: var(--ref-blue) !important;
    -webkit-text-fill-color: var(--ref-blue) !important;
    opacity: 1 !important;
}

body.dyson-auth-register .layui-form-item:has(input[name="inviteCode"]) > div:has(> input) {
    border-color: rgba(155, 92, 255, .2) !important;
    background: var(--ref-purple-soft) !important;
}

body.dyson-auth-register .layui-form-item:has(input[name="inviteCode"]) > div:has(> input):focus-within {
    border-color: var(--ref-purple) !important;
    box-shadow: 0 0 0 3px rgba(155, 92, 255, .13) !important;
}

body.dyson-auth-register .layui-form > div[style*="text-align:right"] {
    margin: 2px 0 4px !important;
    padding: 0 2px !important;
    color: var(--ref-muted) !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: right !important;
}

body.dyson-auth-register .layui-form > div[style*="text-align:right"] a {
    color: var(--ref-blue) !important;
    font-weight: 700 !important;
    text-decoration: none !important;
}

body.dyson-auth-register .layui-form > div[style*="text-align:right"] a:hover,
body.dyson-auth-register .layui-form > div[style*="text-align:right"] a:focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

body.dyson-auth-register .layui-form > div[style*="margin-top:25px"] {
    margin-top: 18px !important;
}

body.dyson-auth-register input.btn_submit_my,
body.dyson-auth-register .btn_submit_my {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 100% !important;
    min-height: 52px !important;
    height: 52px !important;
    margin: 0 !important;
    padding: 0 16px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 10px 20px rgba(79, 140, 255, .2) !important;
    transition: box-shadow 180ms ease, transform 150ms ease, filter 180ms ease !important;
}

body.dyson-auth-register input.btn_submit_my:hover,
body.dyson-auth-register .btn_submit_my:hover {
    filter: saturate(1.05) !important;
    box-shadow: 0 13px 24px rgba(79, 140, 255, .27) !important;
}

body.dyson-auth-register input.btn_submit_my:active,
body.dyson-auth-register .btn_submit_my:active {
    transform: scale(.98) !important;
}

@media (min-width: 900px) {
    body.dyson-auth-register {
        display: flex !important;
        align-items: center !important;
        justify-content: flex-end !important;
        min-height: 100vh !important;
        padding: 48px clamp(32px, 7vw, 112px) !important;
        background: #f7f9fc !important;
    }

    body.dyson-auth-register::before {
        position: fixed !important;
        top: 48px !important;
        left: clamp(32px, 7vw, 112px) !important;
        z-index: 2 !important;
        justify-content: flex-start !important;
        width: auto !important;
        height: 44px !important;
        color: #fff !important;
        text-align: left !important;
    }

    body.dyson-auth-register::after {
        position: fixed !important;
        top: 0 !important;
        bottom: 0 !important;
        left: 0 !important;
        z-index: 0 !important;
        display: block !important;
        width: min(58vw, 840px) !important;
        border-right: 1px solid rgba(79, 140, 255, .14) !important;
        background:
            linear-gradient(135deg, rgba(11, 31, 57, .2), rgba(79, 140, 255, .06)),
            url('/static/home/img/4444.jpg') center / cover no-repeat !important;
        box-shadow: 16px 0 42px rgba(31, 41, 55, .08) !important;
        content: "" !important;
    }

    body.dyson-auth-register > div[style*="max-width"] {
        flex: 0 1 440px !important;
        width: min(440px, 36vw) !important;
        max-width: 440px !important;
        margin: 0 !important;
    }

    body.dyson-auth-register > div[style*="max-width"]::before {
        margin: 0 4px 12px !important;
        font-size: 32px !important;
        line-height: 40px !important;
    }

    body.dyson-auth-register > div[style*="max-width"] > div[style*="margin-top"] {
        padding: 28px !important;
        border-radius: 20px !important;
        box-shadow: 0 22px 54px rgba(31, 41, 55, .11) !important;
    }
}

@media (max-width: 359px) {
    body.dyson-auth-register > div[style*="max-width"]::before {
        font-size: 25px !important;
        line-height: 32px !important;
    }

    body.dyson-auth-register > div[style*="max-width"] > div[style*="margin-top"] {
        padding: 18px 16px 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-auth-register .layui-form > div:first-child > a,
    body.dyson-auth-register .layui-form-item > div:has(> input),
    body.dyson-auth-register input.btn_submit_my,
    body.dyson-auth-register .btn_submit_my {
        transition: none !important;
    }
}

/* Home v2: make the account state the first visual decision point. */
body.dyson-page.dyson-home {
    min-height: 100vh !important;
    min-height: 100svh !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-home > .page-content {
    display: block !important;
    width: min(100%, 480px) !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 12px 12px 12px !important;
    background: transparent !important;
}

body.dyson-home .home-balance-card {
    display: flex !important;
    min-height: 168px !important;
    flex-direction: column !important;
    margin: 0 0 12px !important;
    padding: 15px 16px 14px !important;
    overflow: hidden !important;
    border: 0 !important;
    border-radius: 18px !important;
    background:
        radial-gradient(circle at 92% 5%, rgba(255, 255, 255, .2), transparent 28%),
        linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    box-shadow: 0 14px 28px rgba(79, 140, 255, .22) !important;
}

body.dyson-home .home-balance-card__topline,
body.dyson-home .home-balance-card__metrics,
body.dyson-home .home-balance-card__actions {
    display: flex !important;
    align-items: center !important;
}

body.dyson-home .home-balance-card__topline {
    justify-content: space-between !important;
    min-height: 28px !important;
}

body.dyson-home .home-balance-card__topline > div:first-child {
    display: none !important;
}

body.dyson-home .home-balance-card__eyebrow,
body.dyson-home .home-balance-card__caption {
    display: block !important;
}

body.dyson-home .home-balance-card__eyebrow {
    color: rgba(255, 255, 255, .78) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.3px !important;
    line-height: 13px !important;
}

body.dyson-home .home-balance-card__caption {
    margin-top: 2px !important;
    color: rgba(255, 255, 255, .88) !important;
    font-size: 12px !important;
    font-weight: 600 !important;
    line-height: 16px !important;
}

body.dyson-home .home-balance-card__status {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    padding: 0 9px !important;
    border: 1px solid rgba(255, 255, 255, .24) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .14) !important;
    color: #fff !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 14px !important;
}

body.dyson-home .home-balance-card__amount {
    margin: 7px 0 9px !important;
    color: #fff !important;
    font-size: 30px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 800 !important;
    letter-spacing: .1px !important;
    line-height: 36px !important;
    overflow-wrap: anywhere !important;
}

body.dyson-home .home-balance-card__metrics {
    gap: 20px !important;
    min-height: 28px !important;
}

body.dyson-home .home-balance-card__metric {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 0 !important;
    flex-direction: column !important;
    gap: 2px !important;
}

body.dyson-home .home-balance-card__metric span {
    overflow: hidden !important;
    color: rgba(255, 255, 255, .72) !important;
    font-size: 10px !important;
    line-height: 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-home .home-balance-card__metric strong {
    overflow: hidden !important;
    color: #fff !important;
    font-size: 12px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 700 !important;
    line-height: 16px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-home .home-balance-card__actions {
    gap: 8px !important;
    margin-top: 11px !important;
}

body.dyson-home .home-balance-card__action {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 0 !important;
    min-height: 44px !important;
    flex: 1 1 0 !important;
    padding: 0 12px !important;
    border-radius: 10px !important;
    color: #fff !important;
    cursor: pointer !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    text-decoration: none !important;
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease !important;
}

body.dyson-home .home-balance-card__action--primary {
    background: #fff !important;
    color: var(--ref-blue) !important;
}

body.dyson-home .home-balance-card__action--secondary {
    border: 1px solid rgba(255, 255, 255, .64) !important;
    background: rgba(255, 255, 255, .08) !important;
}

body.dyson-home .home-balance-card__action:hover,
body.dyson-home .home-balance-card__action:focus-visible {
    transform: translateY(-1px) !important;
}

body.dyson-home .home-balance-card__action:focus-visible {
    outline: 3px solid rgba(255, 255, 255, .54) !important;
    outline-offset: 2px !important;
}

body.dyson-page.dyson-home .video-box {
    width: 100% !important;
    height: 148px !important;
    margin: 0 0 12px !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    /*background: var(--ref-blue-soft) url('/static/page/1.jpg') center / cover no-repeat !important;*/
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-home .video-box video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
}

body.dyson-home .icon-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    min-height: 88px !important;
    margin: 0 !important;
    padding: 7px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-home .icon-item {
    display: flex !important;
    min-width: 0 !important;
    min-height: 72px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 5px 2px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 10px !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-ink) !important;
    cursor: pointer !important;
    font-size: 10px !important;
    font-weight: 700 !important;
    line-height: 14px !important;
    text-align: center !important;
    text-decoration: none !important;
    transition: transform 160ms ease, background-color 160ms ease, border-color 160ms ease !important;
}

body.dyson-home .icon-item:hover,
body.dyson-home .icon-item:focus-visible {
    border-color: rgba(79, 140, 255, .42) !important;
    background: #e2efff !important;
    transform: translateY(-1px) !important;
}

body.dyson-home .icon-item:focus-visible {
    outline: 3px solid rgba(79, 140, 255, .22) !important;
    outline-offset: 1px !important;
}

body.dyson-home .icon-item img {
    width: 30px !important;
    height: 30px !important;
    margin: 0 0 4px !important;
    object-fit: contain !important;
    filter: brightness(0) saturate(100%) invert(18%) sepia(26%) saturate(1230%) hue-rotate(175deg) brightness(87%) contrast(91%) !important;
}

body.dyson-home .icon-item p {
    max-width: 100% !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: inherit !important;
    font-size: 10px !important;
    line-height: 14px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-home > .home-feature-section {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 10px !important;
    width: min(100%, 480px) !important;
    margin: 14px auto 0 !important;
    padding: 0 12px calc(96px + env(safe-area-inset-bottom)) !important;
}

body.dyson-home .home-feature-section__header {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    min-height: 34px !important;
    gap: 12px !important;
}

body.dyson-home .home-feature-section__eyebrow,
body.dyson-home .home-side-brief__eyebrow {
    display: block !important;
    color: var(--ref-blue) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.1px !important;
    line-height: 14px !important;
}

body.dyson-home .home-feature-section__header h2 {
    margin: 2px 0 0 !important;
    color: var(--ref-ink) !important;
    font-size: 18px !important;
    font-weight: 800 !important;
    line-height: 24px !important;
}

body.dyson-home .home-feature-section__meta {
    flex: 0 0 auto !important;
    padding-bottom: 2px !important;
    color: var(--ref-muted) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
}

body.dyson-home .home-promo {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    max-height: none !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-home .home-promo img {
    display: block !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    object-fit: cover !important;
    border: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
}

body.dyson-home .home-side-brief {
    display: flex !important;
    min-height: 184px !important;
    flex-direction: column !important;
    justify-content: center !important;
    padding: 20px !important;
    border: 1px solid rgba(79, 140, 255, .16) !important;
    border-radius: 16px !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-ink) !important;
}

body.dyson-home .home-side-brief h2 {
    max-width: 16ch !important;
    margin: 7px 0 8px !important;
    color: var(--ref-ink) !important;
    font-size: 22px !important;
    font-weight: 800 !important;
    line-height: 28px !important;
}

body.dyson-home .home-side-brief p {
    max-width: 30ch !important;
    margin: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

body.dyson-home .home-side-brief__link {
    display: inline-flex !important;
    align-items: center !important;
    gap: 7px !important;
    min-height: 44px !important;
    margin-top: 12px !important;
    color: var(--ref-blue) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    text-decoration: none !important;
}

body.dyson-home .home-side-brief__link:hover,
body.dyson-home .home-side-brief__link:focus-visible {
    text-decoration: underline !important;
    text-underline-offset: 3px !important;
}

@media (min-width: 900px) {
    body.dyson-page.dyson-home > .page-content {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: none !important;
        margin: 0 24px 0 240px !important;
        padding: 18px 0 28px !important;
    }

    body.dyson-home .home-balance-card {
        min-height: 168px !important;
        padding: 18px 22px 16px !important;
    }

    body.dyson-home .home-balance-card__amount {
        font-size: 32px !important;
    }

    body.dyson-page.dyson-home .video-box {
        height: 206px !important;
    }

    body.dyson-home > .home-feature-section {
        grid-template-columns: minmax(0, 2fr) minmax(260px, 1fr) !important;
        grid-template-rows: auto 1fr !important;
        gap: 12px !important;
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: none !important;
        margin: 0 24px 0 240px !important;
        padding: 0 0 96px !important;
    }

    body.dyson-home .home-feature-section__header {
        grid-column: 1 / -1 !important;
    }

    body.dyson-page.dyson-home .home-feature-section .home-promo,
    body.dyson-page.dyson-home .home-feature-section .home-side-brief {
        height: 286px !important;
        min-height: 286px !important;
    }

    body.dyson-page.dyson-home .home-feature-section .home-promo img {
        width: 100% !important;
        height: 286px !important;
        object-fit: cover !important;
    }

    body.dyson-home .home-side-brief {
        justify-content: flex-start !important;
        padding: 26px !important;
    }
}

@media (max-width: 359px) {
    body.dyson-home .home-balance-card {
        padding-right: 13px !important;
        padding-left: 13px !important;
    }

    body.dyson-home .home-balance-card__metrics {
        gap: 10px !important;
    }

    body.dyson-home .home-balance-card__metric span {
        font-size: 9px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-home .home-balance-card__action,
    body.dyson-home .icon-item,
    body.dyson-home .home-side-brief__link {
        transition: none !important;
    }
}

/* Check-in: a compact reward dashboard built from the existing dynamic values. */
body.dyson-page.dyson-checkin {
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-checkin .checkin-container {
    width: min(100%, 480px) !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: 0 14px calc(34px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
}

body.dyson-page.dyson-checkin .header-banner {
    position: sticky !important;
    top: 0 !important;
    z-index: 100 !important;
    display: flex !important;
    align-items: center !important;
    width: calc(100% + 28px) !important;
    height: 58px !important;
    margin: 0 -14px 14px !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-bottom: 1px solid rgba(229, 231, 235, .92) !important;
    border-radius: 0 !important;
    background: rgba(255, 255, 255, .96) !important;
    box-shadow: 0 2px 14px rgba(31, 41, 55, .05) !important;
    backdrop-filter: blur(16px) !important;
}

body.dyson-page.dyson-checkin .back-button {
    display: inline-flex !important;
    flex: 0 0 44px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: transparent !important;
    color: var(--ref-blue) !important;
    box-shadow: none !important;
    cursor: pointer !important;
}

body.dyson-page.dyson-checkin .back-button:hover,
body.dyson-page.dyson-checkin .back-button:focus-visible {
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-checkin .back-button:focus-visible {
    outline: 3px solid rgba(79, 140, 255, .2) !important;
    outline-offset: -1px !important;
}

body.dyson-page.dyson-checkin .back-arrow {
    color: var(--ref-blue) !important;
    font-size: 19px !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-checkin .header-copy {
    display: flex !important;
    min-width: 0 !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
}

body.dyson-page.dyson-checkin .header-kicker,
body.dyson-page.dyson-checkin .section-eyebrow {
    display: block !important;
    color: var(--ref-blue) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 1.1px !important;
    line-height: 13px !important;
}

body.dyson-page.dyson-checkin .header-title {
    min-width: 0 !important;
    margin: 1px 0 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-checkin .header-index {
    display: inline-flex !important;
    flex: 0 0 44px !important;
    align-items: center !important;
    justify-content: flex-end !important;
    color: var(--ref-muted) !important;
    font-size: 10px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
}

body.dyson-page.dyson-checkin .bonus-container {
    display: flex !important;
    min-height: 132px !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    box-shadow: 0 12px 24px rgba(79, 140, 255, .2) !important;
    color: #fff !important;
    text-align: left !important;
}

body.dyson-page.dyson-checkin .bonus-copy {
    min-width: 0 !important;
}

body.dyson-page.dyson-checkin .bonus-container .section-eyebrow {
    color: rgba(255, 255, 255, .78) !important;
}

body.dyson-page.dyson-checkin .bonus-title {
    margin: 5px 0 3px !important;
    max-width: 22ch !important;
    overflow: visible !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    white-space: normal !important;
}

body.dyson-page.dyson-checkin .bonus-amount {
    color: #fff !important;
    font-size: 32px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 850 !important;
    letter-spacing: -.35px !important;
    line-height: 36px !important;
}

body.dyson-page.dyson-checkin .bonus-mark {
    display: inline-flex !important;
    flex: 0 0 48px !important;
    width: 48px !important;
    height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(255, 255, 255, .34) !important;
    border-radius: 50% !important;
    background: rgba(255, 255, 255, .12) !important;
    color: #fff !important;
    font-size: 28px !important;
    font-weight: 300 !important;
    line-height: 32px !important;
}

body.dyson-page.dyson-checkin .stats-container {
    margin: 0 0 14px !important;
}

body.dyson-page.dyson-checkin .stats-heading {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    min-height: 22px !important;
    margin: 0 2px 6px !important;
    color: var(--ref-muted) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .9px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-checkin .stats-heading span:first-child {
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-checkin .stats-heading span:last-child {
    color: var(--ref-green) !important;
}

body.dyson-page.dyson-checkin .stats-card {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 0 !important;
    padding: 6px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-checkin .stats-item {
    display: block !important;
    min-width: 0 !important;
    min-height: 108px !important;
    margin: 0 !important;
    padding: 12px 11px !important;
    border: 0 !important;
    border-right: 1px solid var(--ref-line) !important;
    background: transparent !important;
}

body.dyson-page.dyson-checkin .stats-item:last-child {
    border-right: 0 !important;
}

body.dyson-page.dyson-checkin .stats-icon {
    display: inline-flex !important;
    width: 38px !important;
    height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 0 8px !important;
    border: 1px solid rgba(79, 140, 255, .16) !important;
    border-radius: 12px !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-checkin .stats-icon img {
    width: 23px !important;
    height: 23px !important;
    object-fit: contain !important;
    filter: brightness(0) saturate(100%) invert(43%) sepia(97%) saturate(1933%) hue-rotate(199deg) brightness(101%) contrast(102%) !important;
}

body.dyson-page.dyson-checkin .stats-item:nth-child(2) .stats-icon {
    border-color: rgba(155, 92, 255, .18) !important;
    background: var(--ref-purple-soft) !important;
}

body.dyson-page.dyson-checkin .stats-item:nth-child(2) .stats-icon img {
    filter: brightness(0) saturate(100%) invert(45%) sepia(76%) saturate(2690%) hue-rotate(241deg) brightness(100%) contrast(101%) !important;
}

body.dyson-page.dyson-checkin .stats-label {
    display: block !important;
    margin: 0 0 3px !important;
    overflow: hidden !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 16px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-checkin .stats-value,
body.dyson-page.dyson-checkin .stats-value.highlight {
    color: var(--ref-ink) !important;
    font-size: 18px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 850 !important;
    line-height: 24px !important;
}

body.dyson-page.dyson-checkin .stats-item:first-child .stats-value {
    color: var(--ref-blue) !important;
}

body.dyson-page.dyson-checkin .stats-item:nth-child(2) .stats-value {
    color: var(--ref-purple) !important;
}

body.dyson-page.dyson-checkin .checkin-action-panel {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 14px !important;
    padding: 14px !important;
    border: 1px solid rgba(79, 140, 255, .16) !important;
    border-radius: 16px !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-checkin .checkin-action-copy {
    min-width: 0 !important;
    flex: 1 1 auto !important;
}

body.dyson-page.dyson-checkin .checkin-action-copy strong {
    display: block !important;
    margin: 3px 0 2px !important;
    color: var(--ref-ink) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-checkin .checkin-action-meta {
    display: block !important;
    color: var(--ref-muted) !important;
    font-size: 10px !important;
    line-height: 15px !important;
}

body.dyson-page.dyson-checkin .checkin-button-container {
    width: 42% !important;
    margin: 0 !important;
    text-align: right !important;
}

body.dyson-page.dyson-checkin .checkin-button {
    width: 100% !important;
    min-height: 52px !important;
    padding: 0 10px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-orange), var(--ref-orange-strong)) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
    box-shadow: 0 8px 16px rgba(255, 138, 61, .22) !important;
    transition: transform 160ms ease, box-shadow 160ms ease, background-color 160ms ease !important;
}

body.dyson-page.dyson-checkin .checkin-button:hover,
body.dyson-page.dyson-checkin .checkin-button:focus-visible {
    transform: translateY(-1px) !important;
    box-shadow: 0 10px 18px rgba(255, 138, 61, .28) !important;
}

body.dyson-page.dyson-checkin .checkin-button:focus-visible {
    outline: 3px solid rgba(255, 184, 77, .34) !important;
    outline-offset: 2px !important;
}

body.dyson-page.dyson-checkin .checkin-button:disabled {
    background: #d1d5db !important;
    color: #6b7280 !important;
    box-shadow: none !important;
    cursor: not-allowed !important;
    opacity: 1 !important;
    transform: none !important;
}

body.dyson-page.dyson-checkin .tips-container {
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-checkin .tips-title {
    margin: 4px 0 9px !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 22px !important;
}

body.dyson-page.dyson-checkin .tips-list {
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-checkin .tips-list li {
    position: relative !important;
    margin: 0 !important;
    padding: 0 0 0 17px !important;
    color: var(--ref-muted) !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-checkin .tips-list li + li {
    margin-top: 9px !important;
}

body.dyson-page.dyson-checkin .tips-list li::before {
    position: absolute !important;
    top: 8px !important;
    left: 1px !important;
    width: 6px !important;
    height: 6px !important;
    border-radius: 50% !important;
    background: var(--ref-orange) !important;
    content: "" !important;
}

body.dyson-page.dyson-checkin .checkin-spacer {
    height: 8px !important;
}

@media (min-width: 900px) {
    body.dyson-page.dyson-checkin .checkin-container {
        width: min(calc(100% - 48px), 640px) !important;
        max-width: 640px !important;
        padding-bottom: 56px !important;
    }

    body.dyson-page.dyson-checkin .header-banner {
        width: 100% !important;
        margin-right: 0 !important;
        margin-left: 0 !important;
        border-right: 1px solid rgba(229, 231, 235, .92) !important;
        border-left: 1px solid rgba(229, 231, 235, .92) !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-checkin .checkin-action-panel {
        align-items: stretch !important;
        flex-direction: column !important;
    }

    body.dyson-page.dyson-checkin .checkin-button-container {
        width: 100% !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-checkin .checkin-button {
        transition: none !important;
    }
}

/* Device portfolio: stable catalog cards around the existing dropload response. */
body.dyson-page.dyson-device {
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-device .views {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin: 0 auto !important;
}

body.dyson-page.dyson-device .device-overview {
    width: 100% !important;
    margin: 58px auto 14px !important;
    padding: 16px 14px 14px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 20px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-device .device-overview__heading,
body.dyson-page.dyson-device .device-list-heading {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

body.dyson-page.dyson-device .device-kicker {
    display: block !important;
    color: var(--ref-blue) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: 1.15px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-device .device-overview h1,
body.dyson-page.dyson-device .device-list-heading h2 {
    margin: 4px 0 0 !important;
    color: var(--ref-ink) !important;
    font-weight: 850 !important;
    letter-spacing: -.2px !important;
}

body.dyson-page.dyson-device .device-overview h1 {
    font-size: 20px !important;
    line-height: 25px !important;
}

body.dyson-page.dyson-device .device-list-heading h2 {
    font-size: 18px !important;
    line-height: 24px !important;
}

body.dyson-page.dyson-device .device-live,
body.dyson-page.dyson-device .device-list-meta {
    flex: 0 0 auto !important;
    padding-bottom: 2px !important;
    color: var(--ref-green) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    letter-spacing: .9px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-device .device-list-meta {
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    letter-spacing: 0 !important;
}

body.dyson-page.dyson-device .device-overview__metrics {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 14px !important;
}

body.dyson-page.dyson-device .device-stat {
    display: flex !important;
    min-width: 0 !important;
    min-height: 78px !important;
    align-items: center !important;
    gap: 9px !important;
    margin: 0 !important;
    padding: 10px !important;
    border: 1px solid rgba(79, 140, 255, .16) !important;
    border-radius: 14px !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-device .device-stat--green {
    border-color: rgba(34, 197, 94, .16) !important;
    background: #f0fbf4 !important;
}

body.dyson-page.dyson-device .device-stat__icon {
    display: inline-flex !important;
    flex: 0 0 38px !important;
    width: 38px !important;
    height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 12px !important;
    background: #fff !important;
}

body.dyson-page.dyson-device .device-stat__icon img {
    width: 25px !important;
    height: 25px !important;
    object-fit: contain !important;
}

body.dyson-page.dyson-device .device-stat--blue .device-stat__icon img {
    filter: brightness(0) saturate(100%) invert(43%) sepia(97%) saturate(1933%) hue-rotate(199deg) brightness(101%) contrast(102%) !important;
}

body.dyson-page.dyson-device .device-stat--green .device-stat__icon img {
    filter: brightness(0) saturate(100%) invert(52%) sepia(87%) saturate(457%) hue-rotate(85deg) brightness(90%) contrast(89%) !important;
}

body.dyson-page.dyson-device .device-stat__copy {
    min-width: 0 !important;
    text-align: left !important;
}

body.dyson-page.dyson-device .device-stat__copy strong {
    display: block !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 18px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 850 !important;
    line-height: 24px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-device .device-stat--blue .device-stat__copy strong {
    color: var(--ref-blue) !important;
}

body.dyson-page.dyson-device .device-stat--green .device-stat__copy strong {
    color: var(--ref-green) !important;
}

body.dyson-page.dyson-device .device-stat__copy span {
    display: block !important;
    max-width: 16ch !important;
    overflow: hidden !important;
    color: var(--ref-muted) !important;
    font-size: 10px !important;
    line-height: 15px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-device .device-main {
    width: 100% !important;
    min-height: 0 !important;
    padding: 18px 14px 92px !important;
    background: transparent !important;
}

body.dyson-page.dyson-device main.page.navbar-fixed.device-main {
    padding-top: 18px !important;
}

body.dyson-page.dyson-device .page-index-shop1 {
    width: 100% !important;
    max-width: none !important;
    padding: 0 !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 {
    max-width: none !important;
}

body.dyson-page.dyson-device .device-list-heading {
    min-height: 42px !important;
    margin: 0 2px 8px !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 12px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 > li {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 > li > div#list {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div {
    position: relative !important;
    min-height: 264px !important;
    margin: 0 !important;
    padding: 15px 116px 46px 15px !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div {
    color: var(--ref-muted) !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(1) {
    width: calc(100% + 100px) !important;
    margin: 0 0 14px !important;
    padding: 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 22px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(2),
body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(3),
body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(4),
body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(5),
body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(8) {
    position: static !important;
    width: calc(100% + 100px) !important;
    height: auto !important;
    margin: 0 0 7px !important;
    padding: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 12px !important;
    line-height: 18px !important;
    text-align: left !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div font {
    color: var(--ref-orange-strong) !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(6) {
    position: absolute !important;
    right: 14px !important;
    bottom: 14px !important;
    width: auto !important;
    min-width: 74px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 9px !important;
    border: 1px solid rgba(34, 197, 94, .2) !important;
    border-radius: 999px !important;
    background: #effbf3 !important;
    color: var(--ref-green) !important;
    font-size: 10px !important;
    font-weight: 800 !important;
    line-height: 24px !important;
    text-align: center !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(7) {
    position: absolute !important;
    top: 15px !important;
    right: 14px !important;
    width: 91px !important;
    height: 26px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ref-orange-strong) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 26px !important;
    text-align: right !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(9) {
    position: absolute !important;
    top: 48px !important;
    right: 14px !important;
    width: 91px !important;
    height: 84px !important;
    margin: 0 !important;
    padding: 0 !important;
    border-radius: 12px !important;
    background: var(--ref-blue-soft) !important;
    text-align: center !important;
}

body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div > div:nth-child(9) img {
    display: block !important;
    width: 100% !important;
    height: 84px !important;
    border-radius: 12px !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-device .dropload-down {
    min-height: 52px !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--ref-muted) !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-device .dropload-refresh,
body.dyson-page.dyson-device .dropload-noData,
body.dyson-page.dyson-device .dropload-load {
    min-height: 52px !important;
    padding: 16px 12px !important;
    background: transparent !important;
    color: var(--ref-muted) !important;
    font-size: 12px !important;
    line-height: 20px !important;
    text-align: center !important;
}

@media (min-width: 900px) {
    body.dyson-page.dyson-device .views {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-device .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        transform: none !important;
    }

    body.dyson-page.dyson-device .navbar-inner {
        width: min(100%, 1040px) !important;
        margin: 0 auto !important;
    }

    body.dyson-page.dyson-device .device-overview,
    body.dyson-page.dyson-device .device-main {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: none !important;
        margin-right: 24px !important;
        margin-left: 240px !important;
    }

    body.dyson-page.dyson-device main.device-main {
        width: calc(100% - 288px) !important;
        max-width: 1040px !important;
        flex: 0 0 auto !important;
        box-sizing: border-box !important;
        padding-top: 18px !important;
    }

    body.dyson-page.dyson-device .device-overview {
        margin-top: 72px !important;
    }

    body.dyson-page.dyson-device .device-overview__metrics {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    body.dyson-page.dyson-device .page-index-shop1-ul1 {
        grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
        gap: 14px !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-device .device-stat {
        gap: 6px !important;
        padding: 8px !important;
    }

    body.dyson-page.dyson-device .device-stat__icon {
        flex-basis: 34px !important;
        width: 34px !important;
        height: 34px !important;
    }

    body.dyson-page.dyson-device .device-stat__copy strong {
        font-size: 16px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-device .device-stat,
    body.dyson-page.dyson-device .page-index-shop1-ul1 #list > div {
        transition: none !important;
    }
}

/* Recharge flow: current balance, amount choice, channel selection, then notes. */
body.dyson-page.dyson-recharge {
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-recharge .views {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin: 0 auto !important;
}

body.dyson-page.dyson-recharge .recharge-history-link {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    width: 44px !important;
    min-width: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    border-radius: 12px !important;
}

body.dyson-page.dyson-recharge .recharge-history-link:hover,
body.dyson-page.dyson-recharge .recharge-history-link:focus-visible {
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-recharge .recharge-history-link img {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    object-fit: contain !important;
    opacity: .82 !important;
}

body.dyson-page.dyson-recharge .page.navbar-fixed {
    width: min(100%, 480px) !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 58px 14px calc(118px + env(safe-area-inset-bottom)) !important;
    background: transparent !important;
}

body.dyson-page.dyson-recharge .recharge-summary {
    display: block !important;
    min-height: 148px !important;
    margin: 14px 0 14px !important;
    padding: 18px !important;
    border: 1px solid rgba(255, 255, 255, .16) !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    box-shadow: 0 12px 24px rgba(79, 140, 255, .2) !important;
}

body.dyson-page.dyson-recharge .recharge-summary__head {
    display: flex !important;
    align-items: flex-start !important;
    justify-content: space-between !important;
    gap: 12px !important;
}

body.dyson-page.dyson-recharge .recharge-kicker {
    display: block !important;
    color: var(--ref-blue) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 1.1px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-recharge .recharge-summary .recharge-kicker {
    color: rgba(255, 255, 255, .78) !important;
}

body.dyson-page.dyson-recharge .recharge-summary .tixianlog-index-top-title {
    margin: 5px 0 0 !important;
    color: #fff !important;
    font-size: 16px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
}

body.dyson-page.dyson-recharge .recharge-summary__badge {
    display: inline-flex !important;
    min-height: 24px !important;
    align-items: center !important;
    padding: 0 8px !important;
    border: 1px solid rgba(255, 255, 255, .36) !important;
    border-radius: 999px !important;
    background: rgba(255, 255, 255, .1) !important;
    color: #fff !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-recharge .recharge-summary__balance {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin-top: 18px !important;
}

body.dyson-page.dyson-recharge .recharge-summary__balance span {
    color: rgba(255, 255, 255, .78) !important;
    font-size: 11px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-recharge .recharge-summary__balance strong {
    color: #fff !important;
    font-size: 28px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 850 !important;
    letter-spacing: -.3px !important;
    line-height: 32px !important;
}

body.dyson-page.dyson-recharge .exchange.recharge-flow {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-recharge .recharge-amount-section {
    width: 100% !important;
    height: auto !important;
    background: transparent !important;
}

body.dyson-page.dyson-recharge .recharge-section-heading {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 12px !important;
    margin: 0 0 12px !important;
}

body.dyson-page.dyson-recharge .recharge-section-heading h1 {
    margin: 4px 0 0 !important;
    color: var(--ref-ink) !important;
    font-size: 19px !important;
    font-weight: 850 !important;
    letter-spacing: -.2px !important;
    line-height: 24px !important;
}

body.dyson-page.dyson-recharge .recharge-currency {
    padding-bottom: 2px !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    letter-spacing: .9px !important;
}

body.dyson-page.dyson-recharge .recharge-price-list {
    width: 100% !important;
    float: none !important;
    margin: 0 !important;
}

body.dyson-page.dyson-recharge .recharge-price-list ul {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-recharge .recharge-price-list li {
    display: flex !important;
    width: auto !important;
    min-height: 56px !important;
    height: 56px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 6px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-variant-numeric: tabular-nums !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    transition: transform 160ms ease, border-color 160ms ease, background-color 160ms ease !important;
}

body.dyson-page.dyson-recharge .recharge-price-list li:hover,
body.dyson-page.dyson-recharge .recharge-price-list li:focus-visible {
    border-color: rgba(79, 140, 255, .64) !important;
    transform: translateY(-1px) !important;
}

body.dyson-page.dyson-recharge .recharge-price-list li.cur {
    border: 2px solid var(--ref-blue) !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
    box-shadow: inset 0 0 0 1px rgba(79, 140, 255, .12) !important;
}

body.dyson-page.dyson-recharge .recharge-custom-label {
    margin: 18px 0 7px !important;
    color: var(--ref-ink) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
}

body.dyson-page.dyson-recharge .recharge-amount-field {
    display: flex !important;
    min-height: 52px !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 0 12px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 11px !important;
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-recharge .recharge-amount-prefix {
    color: var(--ref-blue) !important;
    font-size: 12px !important;
    font-weight: 850 !important;
    letter-spacing: .6px !important;
}

body.dyson-page.dyson-recharge .recharge-amount-field input#amount {
    width: 100% !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
    box-shadow: none !important;
    font-size: 15px !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-recharge .recharge-amount-field input#amount:focus {
    outline: 0 !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-recharge .recharge-payment-card {
    display: block !important;
    margin: 18px 0 0 !important;
    padding: 14px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 14px !important;
    background: #fff !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-recharge .recharge-payment-heading {
    display: flex !important;
    align-items: flex-end !important;
    justify-content: space-between !important;
    gap: 8px !important;
    margin: 0 0 10px !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-recharge .recharge-payment-heading .recharge-kicker {
    color: var(--ref-blue) !important;
}

body.dyson-page.dyson-recharge .recharge-payment-card .paytitle {
    display: block !important;
    width: auto !important;
    margin: 0 0 8px !important;
    color: var(--ref-ink) !important;
    font-size: 13px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
}

body.dyson-page.dyson-recharge .recharge-payment-card .Mylist {
    display: block !important;
    width: 100% !important;
}

body.dyson-page.dyson-recharge .recharge-payment-card .mylabel {
    position: relative !important;
    display: flex !important;
    min-height: 52px !important;
    align-items: center !important;
    gap: 6px !important;
    width: 100% !important;
    margin: 0 0 8px !important;
    padding: 8px 10px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    font-size: 12px !important;
    line-height: 18px !important;
}

body.dyson-page.dyson-recharge .recharge-payment-card .mylabel:last-child {
    margin-bottom: 0 !important;
}

body.dyson-page.dyson-recharge .recharge-payment-card .myradioInput {
    flex: 0 0 20px !important;
    width: 20px !important;
    height: 20px !important;
    margin: 0 3px 0 0 !important;
    border: 2px solid var(--ref-line) !important;
    background: #fff !important;
}

body.dyson-page.dyson-recharge .recharge-payment-card .myradio:checked + .myradioInput {
    border-color: var(--ref-blue) !important;
}

body.dyson-page.dyson-recharge .recharge-payment-card .myradio:checked + .myradioInput::after {
    background: var(--ref-blue) !important;
}

body.dyson-page.dyson-recharge .Putforwardbtn {
    display: block !important;
    clear: both !important;
    height: auto !important;
    margin: 14px 0 0 !important;
}

body.dyson-page.dyson-recharge .Putforwardbtn button,
body.dyson-page.dyson-recharge .rechargeBtn {
    float: none !important;
    position: static !important;
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    box-shadow: 0 8px 16px rgba(79, 140, 255, .2) !important;
}

body.dyson-page.dyson-recharge .Putforwardbtn button:disabled,
body.dyson-page.dyson-recharge .rechargeBtn:disabled {
    cursor: wait !important;
    opacity: .68 !important;
}

body.dyson-page.dyson-recharge .recharge-rules {
    margin: 14px 0 0 !important;
    padding: 16px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-muted) !important;
    box-shadow: var(--ref-shadow) !important;
    font-size: 13px !important;
    line-height: 21px !important;
}

body.dyson-page.dyson-recharge .recharge-rules .recharge-kicker {
    margin-bottom: 8px !important;
}

body.dyson-page.dyson-recharge .recharge-rules p {
    margin: 0 0 12px !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
    white-space: normal !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

body.dyson-page.dyson-recharge .recharge-rules span {
    display: inline !important;
    max-width: 100% !important;
    white-space: normal !important;
    text-wrap: wrap !important;
    text-wrap-mode: wrap !important;
    overflow-wrap: anywhere !important;
    word-break: break-word !important;
}

body.dyson-page.dyson-recharge .recharge-rules p:last-child {
    margin-bottom: 0 !important;
}

body.dyson-page.dyson-recharge .recharge-rules strong {
    color: var(--ref-ink) !important;
    font-weight: 800 !important;
}

@media (min-width: 900px) {
    body.dyson-page.dyson-recharge .views {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-recharge .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        transform: none !important;
    }

    body.dyson-page.dyson-recharge .navbar-inner {
        width: min(100%, 1040px) !important;
        margin: 0 auto !important;
    }

    body.dyson-page.dyson-recharge .page.navbar-fixed {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin: 0 24px 0 240px !important;
        padding: 72px 0 72px !important;
    }

    body.dyson-page.dyson-recharge .recharge-summary {
        margin: 0 0 16px !important;
    }

    body.dyson-page.dyson-recharge .exchange.recharge-flow {
        display: grid !important;
        grid-template-columns: minmax(0, 7fr) minmax(280px, 5fr) !important;
        align-items: start !important;
        gap: 20px !important;
        padding: 20px !important;
    }

    body.dyson-page.dyson-recharge .recharge-amount-section {
        grid-column: 1 !important;
        grid-row: 1 / span 3 !important;
    }

    body.dyson-page.dyson-recharge .exchange.recharge-flow > div[style*="clear"] {
        display: none !important;
    }

    body.dyson-page.dyson-recharge .recharge-payment-card {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin-top: 0 !important;
    }

    body.dyson-page.dyson-recharge .Putforwardbtn {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin-top: 0 !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-recharge .recharge-summary__balance strong {
        font-size: 25px !important;
    }

    body.dyson-page.dyson-recharge .recharge-payment-heading > span:last-child {
        max-width: 15ch !important;
        text-align: right !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-recharge .recharge-price-list li,
    body.dyson-page.dyson-recharge .rechargeBtn,
    body.dyson-page.dyson-recharge .Putforwardbtn button {
        transition: none !important;
    }
}

@media (max-width: 1023px) {
    body.dyson-page.dyson-recharge .page.navbar-fixed {
        padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
    }

    body.dyson-page.dyson-recharge footer.dyson-footer,
    body.dyson-page.dyson-recharge footer {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: calc(72px + env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
        transform: none !important;
    }
}

/* Recharge history: compact activity cards with explicit data hierarchy. */
body.dyson-page.dyson-recharge-list {
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-recharge-list .views {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    background: transparent !important;
}

body.dyson-page.dyson-recharge-list .navbar-fixed {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 72px 14px calc(72px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-recharge-list .rlist {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-recharge-list .rlist::before {
    display: block !important;
    margin: 0 2px 2px !important;
    color: var(--ref-blue) !important;
    content: "SMARTLIFE / ACTIVITY" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.4px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-recharge-list .rlist:empty::before {
    min-height: 16px !important;
    margin-bottom: 10px !important;
    color: var(--ref-blue) !important;
    content: "SMARTLIFE / ACTIVITY" !important;
}

body.dyson-page.dyson-recharge-list .rlist:empty::after {
    display: flex !important;
    min-height: 128px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 24px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
    color: var(--ref-muted) !important;
    content: "No recharge records yet" !important;
    font-size: 13px !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-recharge-list .rlist > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(96px, auto) !important;
    gap: 14px !important;
    width: 100% !important;
    min-height: 122px !important;
    margin: 0 !important;
    padding: 15px 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-left: 3px solid rgba(79, 140, 255, .78) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div {
    display: flex !important;
    flex-direction: column !important;
    justify-content: space-between !important;
    gap: 12px !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
    text-align: left !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:last-child {
    align-items: flex-end !important;
    text-align: right !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div > div {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 12px !important;
    line-height: 17px !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div > div:nth-child(2) {
    display: none !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:first-child > div:first-child,
body.dyson-page.dyson-recharge-list .rlist > div > div:last-child > div:first-child {
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:first-child > div:first-child::before,
body.dyson-page.dyson-recharge-list .rlist > div > div:first-child > div:nth-child(3)::before,
body.dyson-page.dyson-recharge-list .rlist > div > div:last-child > div:first-child::before,
body.dyson-page.dyson-recharge-list .rlist > div > div:last-child > div:nth-child(3)::before {
    display: block !important;
    margin-bottom: 3px !important;
    color: var(--ref-muted) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    line-height: 13px !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:first-child > div:first-child::before {
    content: "ORDER ID" !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:first-child > div:nth-child(3)::before {
    content: "DATE" !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:last-child > div:first-child {
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 22px !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:last-child > div:first-child::before {
    content: "TOTAL" !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:last-child > div:nth-child(3)::before {
    content: "STATUS" !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:first-child span {
    display: block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    padding: 0 !important;
    color: var(--ref-ink) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:last-child .recharge-status {
    display: inline-flex !important;
    align-items: center !important;
    min-height: 26px !important;
    box-sizing: border-box !important;
    padding: 4px 9px !important;
    border-radius: 999px !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    line-height: 16px !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:last-child .recharge-status-success {
    background: rgba(34, 197, 94, .12) !important;
    color: var(--ref-green) !important;
}

body.dyson-page.dyson-recharge-list .rlist > div > div:last-child .recharge-status-error {
    background: rgba(255, 91, 104, .12) !important;
    color: var(--ref-red) !important;
}

body.dyson-page.dyson-recharge-list > .views > div[style*="height: 60px"] {
    display: none !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-recharge-list .views {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-recharge-list .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        transform: none !important;
    }

    body.dyson-page.dyson-recharge-list .navbar-inner {
        width: min(100%, 920px) !important;
        margin: 0 auto !important;
    }

    body.dyson-page.dyson-recharge-list .navbar-fixed {
        width: min(calc(100% - 288px), 920px) !important;
        max-width: 920px !important;
        margin: 0 24px 0 240px !important;
        padding: 76px 0 48px !important;
    }

    body.dyson-page.dyson-recharge-list .rlist {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    body.dyson-page.dyson-recharge-list .rlist::before,
    body.dyson-page.dyson-recharge-list .rlist:empty::before,
    body.dyson-page.dyson-recharge-list .rlist:empty::after {
        grid-column: 1 / -1 !important;
    }

    body.dyson-page.dyson-recharge-list .rlist > div {
        min-height: 132px !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-recharge-list .rlist > div {
        grid-template-columns: minmax(0, 1fr) minmax(88px, auto) !important;
        gap: 10px !important;
        padding: 13px 12px !important;
    }

    body.dyson-page.dyson-recharge-list .rlist > div > div:first-child span {
        font-size: 11px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-recharge-list .rlist > div {
        transition: none !important;
    }
}

/* Sharing hub: referral value, team tiers and copy actions. */
body.dyson-page.dyson-share {
    background: var(--ref-bg) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] {
    display: block !important;
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    padding: 16px 14px calc(96px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-share .top1 {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    margin: 0 0 14px !important;
    overflow: hidden !important;
    border: 1px solid rgba(79, 140, 255, .22) !important;
    border-radius: 20px !important;
    background: var(--ref-blue-soft) !important;
    box-shadow: 0 12px 26px rgba(79, 140, 255, .16) !important;
}

body.dyson-page.dyson-share .top1 img {
    width: 100% !important;
    height: 100% !important;
    max-height: none !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child,
body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"],
body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(3),
body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(4) {
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:first-child {
    display: flex !important;
    height: auto !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 12px !important;
    padding: 14px 16px !important;
    border-bottom: 1px solid var(--ref-line) !important;
    color: var(--ref-ink) !important;
    line-height: 20px !important;
    text-align: left !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:first-child > div {
    float: none !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    line-height: 20px !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:first-child > div:first-child {
    display: flex !important;
    align-items: center !important;
    min-width: 0 !important;
    font-size: 15px !important;
    font-weight: 850 !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:first-child img {
    width: 22px !important;
    height: 22px !important;
    margin: 0 8px 0 0 !important;
    object-fit: contain !important;
}

body.dyson-page.dyson-share #teamdetails {
    width: auto !important;
    min-width: 108px !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 16px rgba(79, 140, 255, .18) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) {
    display: grid !important;
    grid-template-columns: 56px minmax(0, 1fr) !important;
    align-items: center !important;
    gap: 10px !important;
    min-height: 98px !important;
    margin: 0 !important;
    padding: 14px 16px !important;
    border-top: 1px solid var(--ref-line) !important;
    background: #fff !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) > div:first-child {
    display: flex !important;
    width: 52px !important;
    height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    float: none !important;
    border-radius: 50% !important;
    color: #fff !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 1 !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(2) > div:first-child {
    background: var(--ref-purple) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(3) > div:first-child {
    background: var(--ref-blue) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(4) > div:first-child {
    background: var(--ref-orange-strong) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) > div:nth-child(2) {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    align-items: center !important;
    gap: 6px !important;
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) > div:nth-child(2) > div {
    width: auto !important;
    height: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-align: center !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) > div:nth-child(2) > div::after {
    display: block !important;
    margin-top: 2px !important;
    color: var(--ref-muted) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
    line-height: 13px !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) > div:nth-child(2) > div:nth-child(1)::after {
    content: "হার" !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) > div:nth-child(2) > div:nth-child(2)::after {
    content: "সদস্য" !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) > div:nth-child(2) > div:nth-child(3)::after {
    content: "বোনাস" !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"] {
    width: 100% !important;
    height: auto !important;
    margin: 0 0 12px !important;
    padding: 16px !important;
    overflow: visible !important;
    background: var(--ref-purple-soft) !important;
    border-color: rgba(155, 92, 255, .22) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"] > div,
body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"] > div > div {
    width: 100% !important;
    margin: 0 !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"] > div > div > div[style*="margin-top: 15px"] {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    align-items: center !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 60px !important;
    margin: 0 0 12px !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"] > div > div > div[style*="margin-top: 15px"]:last-child {
    margin-bottom: 0 !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"] [style*="width: 65%"],
body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"] [style*="width: 32%"] {
    width: auto !important;
    height: auto !important;
    margin: 0 !important;
    float: none !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-share #invitation,
body.dyson-page.dyson-share #link {
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 21px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-share #link {
    font-size: 12px !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-share #invitation + div,
body.dyson-page.dyson-share #link + div {
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-share #copy1,
body.dyson-page.dyson-share #copy {
    width: auto !important;
    min-width: 76px !important;
    min-height: 44px !important;
    height: 44px !important;
    margin: 0 !important;
    padding: 0 12px !important;
    border: 0 !important;
    border-radius: 11px !important;
    background: linear-gradient(135deg, var(--ref-purple), #b17cff) !important;
    color: #fff !important;
    font-size: 11px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 16px rgba(155, 92, 255, .18) !important;
}

body.dyson-page.dyson-share #copyCode {
    display: block !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    background-image: none !important;
    color: inherit !important;
    line-height: normal !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(3) {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(3) > div {
    width: auto !important;
    min-height: 96px !important;
    margin: 0 !important;
    float: none !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(3) > div > div:first-child {
    padding: 0 !important;
    color: var(--ref-orange-strong) !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 26px !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(3) > div > div:last-child {
    margin-top: 3px !important;
    padding: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(4) {
    width: 100% !important;
    margin: 0 !important;
    padding: 16px !important;
    overflow: visible !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(4) > div:first-child {
    padding: 0 !important;
    color: var(--ref-purple) !important;
    border-left: 3px solid var(--ref-purple) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 22px !important;
}

body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(4) > div:nth-child(2),
body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(4) > div:nth-child(2) > div {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 12px !important;
    line-height: 21px !important;
}

body.dyson-page.dyson-share > div[style*="height: 70px"] {
    display: none !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-share > div[style*="max-width"] {
        display: grid !important;
        grid-template-columns: minmax(0, 1fr) !important;
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin: 0 24px 0 240px !important;
        padding: 24px 0 48px !important;
    }

    body.dyson-page.dyson-share .top1 {
        aspect-ratio: 3.2 / 1 !important;
        max-height: 300px !important;
        margin-bottom: 16px !important;
    }

    body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] {
        display: grid !important;
        grid-template-columns: minmax(0, 1.12fr) minmax(340px, .88fr) !important;
        gap: 16px !important;
        align-items: start !important;
    }

    body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child {
        grid-column: 1 !important;
        grid-row: 1 / span 2 !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div[style*="height: 180px"] {
        grid-column: 2 !important;
        grid-row: 1 !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(3) {
        grid-column: 2 !important;
        grid-row: 2 !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:nth-child(4) {
        grid-column: 1 / -1 !important;
        grid-row: 3 !important;
        margin: 0 !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-share > div[style*="max-width"] {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body.dyson-page.dyson-share #teamdetails {
        min-width: 96px !important;
        padding-right: 9px !important;
        padding-left: 9px !important;
        font-size: 11px !important;
    }

    body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) {
        grid-template-columns: 50px minmax(0, 1fr) !important;
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body.dyson-page.dyson-share > div[style*="max-width"] > div[style*="margin-bottom: 65px"] > div:first-child > div:nth-child(n + 2) > div:first-child {
        width: 48px !important;
        height: 48px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-share #teamdetails,
    body.dyson-page.dyson-share #copy1,
    body.dyson-page.dyson-share #copy {
        transition: none !important;
    }
}

@media (max-width: 1023px) {
    body.dyson-page.dyson-share > div[style*="max-width"] {
        padding-bottom: calc(96px + env(safe-area-inset-bottom)) !important;
    }

    body.dyson-page.dyson-share footer.dyson-footer,
    body.dyson-page.dyson-share footer {
        position: fixed !important;
        top: auto !important;
        right: auto !important;
        bottom: 0 !important;
        left: 50% !important;
        width: min(100%, 480px) !important;
        height: calc(72px + env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
        transform: translateX(-50%) !important;
    }

    body.dyson-page.dyson-share div[style="height: 70px;"] {
        display: none !important;
    }
}

/* Team directory: segmented levels, concise member cards and a calm empty state. */
body.dyson-page.dyson-share-list {
    background: var(--ref-bg) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share-list .top {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    height: 58px !important;
    left: 50% !important;
    top: 0 !important;
    transform: translateX(-50%) !important;
    border-bottom: 1px solid var(--ref-line) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 2px 10px rgba(31, 41, 55, .04) !important;
}

body.dyson-page.dyson-share-list .top > div {
    height: 58px !important;
    line-height: 58px !important;
}

body.dyson-page.dyson-share-list #btnClose a {
    display: flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 7px 0 0 8px !important;
    border-radius: 10px !important;
    color: var(--ref-blue) !important;
    font-size: 21px !important;
    line-height: 44px !important;
    text-decoration: none !important;
}

body.dyson-page.dyson-share-list .topname {
    width: auto !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 58px !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 68px 14px 0 !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] > div:first-child {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] > div:first-child > a {
    display: block !important;
    min-width: 0 !important;
    color: var(--ref-ink) !important;
    text-decoration: none !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] > div:first-child .typeitem {
    display: flex !important;
    width: auto !important;
    min-height: 52px !important;
    height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    box-sizing: border-box !important;
    padding: 0 6px !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
    line-height: 18px !important;
    text-align: center !important;
    transition: background-color 180ms ease, border-color 180ms ease, transform 180ms ease !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] > div:first-child .typeitem > div {
    padding: 0 !important;
    color: inherit !important;
    font-size: inherit !important;
    line-height: inherit !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] > div:first-child .typeitem font {
    color: inherit !important;
    font-weight: 850 !important;
}

body.dyson-page.dyson-share-list > div[style*="max-width"] > div:first-child .typeitem.over {
    border-color: var(--ref-blue) !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
    box-shadow: inset 0 0 0 1px rgba(79, 140, 255, .16) !important;
}

body.dyson-page.dyson-share-list .navbar-fixed {
    position: relative !important;
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    min-height: 0 !important;
    margin: 14px auto 0 !important;
    padding: 0 14px calc(96px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-share-list .zhitui_index_list {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share-list .zhitui_index_list ul {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-share-list .zhitui_index_list .dropload-down {
    display: flex !important;
    min-height: 128px !important;
    align-items: center !important;
    justify-content: center !important;
    margin: 0 !important;
    padding: 20px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
    color: var(--ref-muted) !important;
}

body.dyson-page.dyson-share-list .zhitui_index_list .dropload-noData,
body.dyson-page.dyson-share-list .zhitui_index_list .zhibo-index-bot-ts {
    width: 100% !important;
    height: auto !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--ref-muted) !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
}

body.dyson-page.dyson-share-list .zhitui_index_li {
    display: grid !important;
    grid-template-columns: 40px minmax(0, 1fr) auto !important;
    gap: 12px !important;
    width: 100% !important;
    min-height: 96px !important;
    height: auto !important;
    margin: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-left: 3px solid var(--ref-blue) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share-list .zhitui_index_li > .zhitui_index_div1 {
    display: flex !important;
    width: 40px !important;
    height: 100% !important;
    align-items: flex-start !important;
    justify-content: center !important;
    margin: 0 !important;
    float: none !important;
}

body.dyson-page.dyson-share-list .zhitui_index_li > .zhitui_index_div1 img {
    width: 32px !important;
    height: 32px !important;
    margin: 0 !important;
    object-fit: contain !important;
}

body.dyson-page.dyson-share-list .zhitui_index_li > .zhitui_index_div {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
    float: none !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share-list .zhitui_index_div::before,
body.dyson-page.dyson-share-list .zhitui_index_tade::before {
    display: block !important;
    margin-bottom: 3px !important;
    color: var(--ref-muted) !important;
    font-size: 9px !important;
    font-weight: 800 !important;
    letter-spacing: 1px !important;
    line-height: 13px !important;
}

body.dyson-page.dyson-share-list .zhitui_index_div::before {
    content: "TEAM MEMBER" !important;
}

body.dyson-page.dyson-share-list .zhitui_index_tade::before {
    content: "COMMISSION" !important;
}

body.dyson-page.dyson-share-list .zhitui_index_sjhm {
    display: flex !important;
    align-items: center !important;
    gap: 5px !important;
    min-width: 0 !important;
    margin: 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-share-list .zhitui_index_sjhm img {
    flex: 0 0 auto !important;
    width: 22px !important;
    height: 22px !important;
    margin: 0 !important;
    object-fit: contain !important;
}

body.dyson-page.dyson-share-list .zhitui_index_yqcg {
    margin: 4px 0 0 !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 17px !important;
    text-align: left !important;
}

body.dyson-page.dyson-share-list .zhitui_index_li > .zhitui_index_tade {
    display: flex !important;
    width: auto !important;
    min-width: 76px !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    float: none !important;
    text-align: right !important;
}

body.dyson-page.dyson-share-list .zhitui_index_sysz,
body.dyson-page.dyson-share-list .zhitui_index_none {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: var(--ref-orange-strong) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 22px !important;
    text-align: right !important;
}

body.dyson-page.dyson-share-list > div[style*="height: 70px"] {
    display: none !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-share-list .top {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        max-width: none !important;
        transform: none !important;
    }

    body.dyson-page.dyson-share-list > div[style*="max-width"] {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin: 0 24px 0 240px !important;
        padding: 76px 0 0 !important;
    }

    body.dyson-page.dyson-share-list .navbar-fixed {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin: 14px 24px 0 240px !important;
        padding: 0 0 48px !important;
    }

    body.dyson-page.dyson-share-list .zhitui_index_list ul {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        align-items: stretch !important;
        gap: 12px !important;
    }

    body.dyson-page.dyson-share-list .zhitui_index_list .dropload-down {
        grid-column: 1 / -1 !important;
    }

    body.dyson-page.dyson-share-list .zhitui_index_li {
        min-height: 112px !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-share-list > div[style*="max-width"],
    body.dyson-page.dyson-share-list .navbar-fixed {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body.dyson-page.dyson-share-list .zhitui_index_li {
        grid-template-columns: 36px minmax(0, 1fr) auto !important;
        gap: 9px !important;
        padding: 12px !important;
    }

    body.dyson-page.dyson-share-list .zhitui_index_li > .zhitui_index_div1 {
        width: 36px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-share-list .typeitem,
    body.dyson-page.dyson-share-list .zhitui_index_li {
        transition: none !important;
    }
}

@media (max-width: 1023px) {
    body.dyson-page.dyson-share-list {
        display: flex !important;
        min-height: 100vh !important;
        flex-direction: column !important;
    }

    body.dyson-page.dyson-share-list .navbar-fixed {
        padding-bottom: calc(24px + env(safe-area-inset-bottom)) !important;
    }

    body.dyson-page.dyson-share-list footer.dyson-footer,
    body.dyson-page.dyson-share-list footer {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: calc(72px + env(safe-area-inset-bottom)) !important;
        margin: 0 !important;
        margin-top: auto !important;
        transform: none !important;
    }
}

/* Promotion ledger: keep the existing recharge records readable at every width. */
body.dyson-page.dyson-share-rlist {
    display: flex !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: var(--ref-bg) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share-rlist .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 110 !important;
    display: block !important;
    width: min(100%, 480px) !important;
    height: 58px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border-bottom: 1px solid var(--ref-line) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 2px 10px rgba(31, 41, 55, .04) !important;
}

body.dyson-page.dyson-share-rlist .navbar-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-share-rlist .navbar .left,
body.dyson-page.dyson-share-rlist .navbar .right {
    display: flex !important;
    align-items: center !important;
    width: 62px !important;
    min-width: 62px !important;
    height: 58px !important;
    margin: 0 !important;
}

body.dyson-page.dyson-share-rlist .navbar .left a {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    gap: 4px !important;
    color: var(--ref-blue) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
}

body.dyson-page.dyson-share-rlist .navbar .left .icon {
    color: var(--ref-blue) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-share-rlist .navbar .center {
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 58px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-share-rlist .rlist_top,
body.dyson-page.dyson-share-rlist .rlist_mian,
body.dyson-page.dyson-share-rlist .rlist_mian1 {
    width: calc(100% - 28px) !important;
    max-width: 480px !important;
    box-sizing: border-box !important;
}

body.dyson-page.dyson-share-rlist .rlist_top {
    height: auto !important;
    margin: 70px auto 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-share-rlist .rlist_top_bj {
    position: relative !important;
    height: auto !important;
    min-height: 164px !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
    padding: 24px 20px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, var(--ref-purple), #7b9cff) !important;
    box-shadow: 0 14px 28px rgba(155, 92, 255, .2) !important;
}

body.dyson-page.dyson-share-rlist .rlist_top_title {
    position: relative !important;
    z-index: 1 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-share-rlist .rlist_top_title::before {
    display: block !important;
    margin-bottom: 14px !important;
    color: rgba(255, 255, 255, .76) !important;
    content: "PROMOTION LEDGER" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.8px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-share-rlist .rlist_top_title div {
    color: #fff !important;
    font-size: 22px !important;
    font-weight: 850 !important;
    line-height: 29px !important;
}

body.dyson-page.dyson-share-rlist .rlist_top_title div + div {
    color: rgba(255, 255, 255, .84) !important;
    font-size: 14px !important;
    font-weight: 650 !important;
    line-height: 22px !important;
}

body.dyson-page.dyson-share-rlist .rlist_mian {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    min-height: 0 !important;
    margin: 14px auto 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    border: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-share-rlist .rlist_mian:empty::after {
    display: flex !important;
    min-height: 116px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 24px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
    color: var(--ref-muted) !important;
    content: "No promotion records yet" !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
}

body.dyson-page.dyson-share-rlist .rlist_mian:not(:has(.rlist_item))::after {
    display: flex !important;
    min-height: 116px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 24px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
    color: var(--ref-muted) !important;
    content: "No promotion records yet" !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
}

body.dyson-page.dyson-share-rlist .rlist_item {
    display: grid !important;
    grid-template-columns: 38px minmax(0, 1fr) minmax(82px, auto) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 88px !important;
    margin: 0 !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-left: 3px solid rgba(155, 92, 255, .72) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share-rlist .rlist_item::before {
    display: flex !important;
    width: 38px !important;
    height: 38px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 1px solid rgba(155, 92, 255, .18) !important;
    border-radius: 50% !important;
    background: var(--ref-purple-soft) !important;
    color: var(--ref-purple) !important;
    content: "+" !important;
    font-size: 21px !important;
    font-weight: 800 !important;
    line-height: 38px !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_l {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_l div {
    width: auto !important;
    margin: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 17px !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_l .item_phone {
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_l .item_phone::before {
    display: block !important;
    margin-bottom: 2px !important;
    color: var(--ref-muted) !important;
    content: "SOURCE" !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 1px !important;
    line-height: 13px !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_l .item_type {
    margin-top: 3px !important;
    color: var(--ref-purple) !important;
    font-size: 11px !important;
    font-weight: 700 !important;
    line-height: 17px !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_l .item_date::before {
    margin-right: 4px !important;
    color: var(--ref-muted) !important;
    content: "TIME" !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 1px !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_r {
    width: auto !important;
    min-width: 82px !important;
    margin: 0 !important;
    color: var(--ref-orange-strong) !important;
    font-size: 17px !important;
    font-weight: 850 !important;
    line-height: 23px !important;
    text-align: right !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-share-rlist .rlist_item_r::before {
    display: block !important;
    margin-bottom: 2px !important;
    color: var(--ref-muted) !important;
    content: "CREDIT" !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 1px !important;
    line-height: 13px !important;
}

body.dyson-page.dyson-share-rlist .rlist_mian1 {
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 0 0 calc(24px + env(safe-area-inset-bottom)) !important;
    border: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-share-rlist .rlist_mian1 .dropload-down {
    margin: 8px 0 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-share-rlist .rlist_mian1 .dropload-noData {
    min-height: 20px !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 20px !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-share-rlist {
        display: block !important;
    }

    body.dyson-page.dyson-share-rlist .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        max-width: none !important;
        transform: none !important;
    }

    body.dyson-page.dyson-share-rlist .navbar-inner {
        width: min(calc(100% - 48px), 1040px) !important;
        margin: 0 auto !important;
    }

    body.dyson-page.dyson-share-rlist .rlist_top,
    body.dyson-page.dyson-share-rlist .rlist_mian,
    body.dyson-page.dyson-share-rlist .rlist_mian1 {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin-right: 24px !important;
        margin-left: 240px !important;
    }

    body.dyson-page.dyson-share-rlist .rlist_top {
        margin-top: 76px !important;
    }

    body.dyson-page.dyson-share-rlist .rlist_mian {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.dyson-page.dyson-share-rlist .rlist_mian:empty::after,
    body.dyson-page.dyson-share-rlist .rlist_mian:not(:has(.rlist_item))::after,
    body.dyson-page.dyson-share-rlist .rlist_mian1 .dropload-down {
        grid-column: 1 / -1 !important;
    }

    body.dyson-page.dyson-share-rlist .rlist_item {
        min-height: 104px !important;
    }

    body.dyson-page.dyson-share-rlist .rlist_mian1 {
        padding-bottom: 48px !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-share-rlist .rlist_item {
        grid-template-columns: 34px minmax(0, 1fr) minmax(72px, auto) !important;
        gap: 9px !important;
        padding: 12px !important;
    }

    body.dyson-page.dyson-share-rlist .rlist_item::before {
        width: 34px !important;
        height: 34px !important;
        line-height: 34px !important;
    }

    body.dyson-page.dyson-share-rlist .rlist_item_r {
        min-width: 72px !important;
        font-size: 15px !important;
    }
}

@media (max-width: 1023px) {
    body.dyson-page.dyson-share-rlist footer.dyson-footer,
    body.dyson-page.dyson-share-rlist footer {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: calc(72px + env(safe-area-inset-bottom)) !important;
        margin: auto 0 0 !important;
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-share-rlist .rlist_item,
    body.dyson-page.dyson-share-rlist .rlist_top_bj {
        transition: none !important;
    }
}

/* Team overview: tier metrics first, then the existing team response surface. */
body.dyson-page.dyson-share-team {
    display: flex !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: var(--ref-bg) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-share-team .top {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 110 !important;
    display: flex !important;
    align-items: center !important;
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    height: 58px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border-bottom: 1px solid var(--ref-line) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 2px 10px rgba(31, 41, 55, .04) !important;
}

body.dyson-page.dyson-share-team .top > div {
    display: flex !important;
    align-items: center !important;
    width: 62px !important;
    min-width: 62px !important;
    height: 58px !important;
    margin: 0 !important;
    line-height: 58px !important;
}

body.dyson-page.dyson-share-team .top #btnClose {
    justify-content: center !important;
}

body.dyson-page.dyson-share-team .top #btnClose .layui-icon {
    margin: 0 !important;
    color: var(--ref-blue) !important;
    font-size: 20px !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-share-team .topname {
    position: static !important;
    flex: 1 1 auto !important;
    width: auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 58px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-share-team > div[style*="max-width"] {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    padding: 68px 14px calc(24px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-share-team > div[style*="max-width"] > div:first-child {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share-team .typeitem {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 86px !important;
    height: 86px !important;
    align-items: center !important;
    justify-content: center !important;
    float: none !important;
    flex-direction: column !important;
    box-sizing: border-box !important;
    padding: 10px 6px !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 12px !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
    text-align: center !important;
    transition: transform .18s ease, box-shadow .18s ease !important;
}

body.dyson-page.dyson-share-team .typeitem:nth-child(2) {
    background: var(--ref-purple-soft) !important;
    color: var(--ref-purple) !important;
}

body.dyson-page.dyson-share-team .typeitem:nth-child(3) {
    background: var(--ref-orange-soft) !important;
    color: var(--ref-orange-strong) !important;
}

body.dyson-page.dyson-share-team .typeitem > div {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    line-height: 1.45 !important;
    text-align: center !important;
}

body.dyson-page.dyson-share-team .typeitem > div:first-child {
    margin-bottom: 4px !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
}

body.dyson-page.dyson-share-team .typeitem > div:nth-child(2) {
    color: inherit !important;
    font-size: 11px !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-share-team .typeitem font {
    color: inherit !important;
    font-weight: 850 !important;
}

body.dyson-page.dyson-share-team #itemlist {
    display: flex !important;
    width: 100% !important;
    min-height: 116px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    margin: 14px 0 0 !important;
    padding: 24px !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-muted) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-share-team #itemlist .layui-flow-more {
    width: 100% !important;
    margin: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-share-team {
        display: block !important;
    }

    body.dyson-page.dyson-share-team .top {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        max-width: none !important;
        transform: none !important;
    }

    body.dyson-page.dyson-share-team > div[style*="max-width"] {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin: 0 24px 0 240px !important;
        padding: 76px 0 48px !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-share-team > div[style*="max-width"] {
        padding-right: 12px !important;
        padding-left: 12px !important;
    }

    body.dyson-page.dyson-share-team .typeitem {
        min-height: 82px !important;
        height: 82px !important;
        padding-right: 4px !important;
        padding-left: 4px !important;
    }

    body.dyson-page.dyson-share-team .typeitem > div:nth-child(2) {
        font-size: 10px !important;
    }
}

@media (max-width: 1023px) {
    body.dyson-page.dyson-share-team footer.dyson-footer,
    body.dyson-page.dyson-share-team footer {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: calc(72px + env(safe-area-inset-bottom)) !important;
        margin: auto 0 0 !important;
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-share-team .typeitem {
        transition: none !important;
    }
}

/* Daily tasks: progress-led cards with the original receive states intact. */
body.dyson-page.dyson-task {
    display: flex !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: var(--ref-bg) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-task .views {
    display: flex !important;
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    flex-direction: column !important;
    background: transparent !important;
}

body.dyson-page.dyson-task .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 110 !important;
    width: min(100%, 480px) !important;
    height: 58px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border-bottom: 1px solid var(--ref-line) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 2px 10px rgba(31, 41, 55, .04) !important;
}

body.dyson-page.dyson-task .navbar-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-task .navbar .left,
body.dyson-page.dyson-task .navbar .right {
    display: flex !important;
    align-items: center !important;
    width: 62px !important;
    min-width: 62px !important;
    height: 58px !important;
    margin: 0 !important;
}

body.dyson-page.dyson-task .navbar .left a {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    gap: 4px !important;
    color: var(--ref-blue) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
}

body.dyson-page.dyson-task .navbar .left .icon {
    color: var(--ref-blue) !important;
    font-size: 20px !important;
}

body.dyson-page.dyson-task .navbar .center {
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 58px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-task .task-banner {
    width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    margin: 70px 0 12px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    background: transparent !important;
}

body.dyson-page.dyson-task .task-banner img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    border: 1px solid rgba(229, 231, 235, .92) !important;
    border-radius: 18px !important;
    object-fit: cover !important;
    object-position: center !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-task .content {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 12px calc(24px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-task .task-header {
    position: relative !important;
    margin: 0 0 14px !important;
    padding: 18px !important;
    overflow: hidden !important;
    border: 1px solid rgba(79, 140, 255, .16) !important;
    border-radius: 16px !important;
    background: linear-gradient(135deg, var(--ref-blue-soft), #f5f0ff) !important;
    box-shadow: var(--ref-shadow-soft, 0 8px 24px rgba(31, 41, 55, .05)) !important;
}

body.dyson-page.dyson-task .task-header::before {
    display: block !important;
    margin-bottom: 8px !important;
    color: var(--ref-blue) !important;
    content: "দৈনিক কাজ" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.8px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-task .task-title {
    color: var(--ref-ink) !important;
    font-size: 19px !important;
    font-weight: 850 !important;
    line-height: 26px !important;
}

body.dyson-page.dyson-task .task-desc {
    margin-top: 5px !important;
    color: var(--ref-muted) !important;
    font-size: 12px !important;
    line-height: 19px !important;
}

body.dyson-page.dyson-task .task_list {
    display: flex !important;
    width: 100% !important;
    flex-direction: column !important;
    gap: 12px !important;
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-task .task_item {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-task .task_name {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    align-items: start !important;
    width: 100% !important;
    color: var(--ref-ink) !important;
    font-size: 15px !important;
    font-weight: 850 !important;
    line-height: 21px !important;
}

body.dyson-page.dyson-task .task_name span {
    float: none !important;
    max-width: 92px !important;
    margin: 0 !important;
    padding: 4px 8px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(255, 138, 61, .2) !important;
    border-radius: 999px !important;
    background: var(--ref-orange-soft) !important;
    color: var(--ref-orange-strong) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 16px !important;
    text-align: center !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-task .task_d {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(92px, 116px) !important;
    gap: 12px !important;
    align-items: end !important;
    margin-top: 14px !important;
}

body.dyson-page.dyson-task .task_msgbox {
    width: auto !important;
    min-width: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-task .task_msg {
    margin: 0 0 6px !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 17px !important;
}

body.dyson-page.dyson-task .task-progress {
    margin-top: 0 !important;
}

body.dyson-page.dyson-task .task-progress-label {
    display: flex !important;
    align-items: baseline !important;
    justify-content: space-between !important;
    gap: 8px !important;
    color: var(--ref-muted) !important;
    font-size: 10px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-task .task-progress-label span {
    min-width: 0 !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-task .task-progress-track {
    width: 100% !important;
    height: 8px !important;
    margin-top: 5px !important;
    overflow: hidden !important;
    border-radius: 999px !important;
    background: #e8eefb !important;
}

body.dyson-page.dyson-task .task-progress-fill {
    height: 100% !important;
    border-radius: inherit !important;
    background: linear-gradient(90deg, var(--ref-blue), var(--ref-blue-2)) !important;
}

body.dyson-page.dyson-task .task_type {
    margin-top: 8px !important;
    color: var(--ref-muted) !important;
    font-size: 10px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-task .task_type span {
    display: inline-block !important;
    max-width: 100% !important;
    overflow-wrap: anywhere !important;
    padding: 3px 7px !important;
    border-radius: 6px !important;
    background: var(--ref-orange-soft) !important;
    color: var(--ref-orange-strong) !important;
}

body.dyson-page.dyson-task .task_btn {
    width: auto !important;
    min-width: 0 !important;
    margin: 0 !important;
}

body.dyson-page.dyson-task .task_btn .e {
    display: flex !important;
    min-height: 48px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 10px 8px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    font-size: 12px !important;
    font-weight: 800 !important;
    line-height: 18px !important;
    text-align: center !important;
    text-decoration: none !important;
    box-shadow: 0 8px 16px rgba(79, 140, 255, .18) !important;
    transition: transform .18s ease, box-shadow .18s ease, opacity .18s ease !important;
}

body.dyson-page.dyson-task .task_btn .e:active {
    transform: scale(.98) !important;
}

body.dyson-page.dyson-task .task_btn .e.d {
    flex-direction: column !important;
    border: 1px solid rgba(79, 140, 255, .18) !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-task .task_btn .e.d div {
    color: inherit !important;
    font-size: 14px !important;
    font-weight: 850 !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-task .task_btn .e.c {
    border: 1px solid rgba(34, 197, 94, .18) !important;
    background: rgba(34, 197, 94, .1) !important;
    color: var(--ref-green) !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-task .dropload-down {
    width: 100% !important;
    margin: 12px 0 0 !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 20px !important;
    text-align: center !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-task .views {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-task .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        max-width: none !important;
        transform: none !important;
    }

    body.dyson-page.dyson-task .navbar-inner {
        width: min(calc(100% - 48px), 1040px) !important;
        margin: 0 auto !important;
    }

    body.dyson-page.dyson-task .task-banner,
    body.dyson-page.dyson-task .content {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin-right: 24px !important;
        margin-left: 240px !important;
    }

    body.dyson-page.dyson-task .task-banner {
        margin-top: 76px !important;
        padding: 0 !important;
        height: 260px !important;
        aspect-ratio: auto !important;
    }

    body.dyson-page.dyson-task .content {
        padding: 14px 0 48px !important;
    }

    body.dyson-page.dyson-task .task_list {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.dyson-page.dyson-task .task_list .dropload-down {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-task .task_d {
        grid-template-columns: minmax(0, 1fr) minmax(84px, 104px) !important;
        gap: 9px !important;
    }

    body.dyson-page.dyson-task .task_item {
        padding: 14px !important;
    }
}

@media (max-width: 1023px) {
    body.dyson-page.dyson-task footer.dyson-footer,
    body.dyson-page.dyson-task footer {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: calc(72px + env(safe-area-inset-bottom)) !important;
        margin: auto 0 0 !important;
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-task .task_btn .e,
    body.dyson-page.dyson-task .task-progress-fill {
        transition: none !important;
    }
}

/* Withdrawal form: blue balance, verified payout surface, and a stable amount CTA. */
body.dyson-page.dyson-withdrawal {
    min-height: 100vh !important;
    min-height: 100svh !important;
    overflow-x: hidden !important;
    background: var(--ref-bg) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-withdrawal .views {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    min-height: 100vh !important;
    margin: 0 auto !important;
    background: transparent !important;
}

body.dyson-page.dyson-withdrawal .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 110 !important;
    width: min(100%, 480px) !important;
    height: 58px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border-bottom: 1px solid var(--ref-line) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 2px 10px rgba(31, 41, 55, .04) !important;
}

body.dyson-page.dyson-withdrawal .navbar-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-withdrawal .navbar .left,
body.dyson-page.dyson-withdrawal .navbar .right {
    display: flex !important;
    align-items: center !important;
    width: 62px !important;
    min-width: 62px !important;
    height: 58px !important;
    margin: 0 !important;
}

body.dyson-page.dyson-withdrawal .navbar .left a,
body.dyson-page.dyson-withdrawal .navbar .right a {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    color: var(--ref-blue) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
}

body.dyson-page.dyson-withdrawal .navbar .left .icon {
    color: var(--ref-blue) !important;
    font-size: 20px !important;
}

body.dyson-page.dyson-withdrawal .navbar .right {
    justify-content: flex-end !important;
}

body.dyson-page.dyson-withdrawal .navbar .right img {
    width: 24px !important;
    height: 24px !important;
    margin: 0 !important;
    opacity: .72 !important;
}

body.dyson-page.dyson-withdrawal .navbar .center {
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    background: transparent !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 58px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-withdrawal .page.navbar-fixed {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 70px 12px 34px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-withdrawal .cz-index-top {
    display: flex !important;
    min-height: 124px !important;
    align-items: center !important;
    margin: 0 0 12px !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    border-radius: 18px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    box-shadow: 0 12px 24px rgba(79, 140, 255, .18) !important;
}

body.dyson-page.dyson-withdrawal .cz-index-top > div {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
}

body.dyson-page.dyson-withdrawal .cz-index-top img {
    width: 42px !important;
    height: 42px !important;
    margin-right: 12px !important;
    object-fit: contain !important;
    filter: brightness(0) invert(1) !important;
}

body.dyson-page.dyson-withdrawal .tixianlog-index-top-mull {
    height: auto !important;
    padding: 0 !important;
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 850 !important;
    line-height: 38px !important;
    text-align: left !important;
}

body.dyson-page.dyson-withdrawal .exchange {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child {
    margin: 0 !important;
    padding: 0 !important;
    background: transparent !important;
    text-align: left !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child > div[style*="border:2px"] {
    width: 100% !important;
    margin: 0 0 18px !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
    text-align: left !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child > div[style*="border:2px"] > div {
    border-color: var(--ref-line) !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child > div[style*="border:2px"] span {
    color: var(--ref-muted) !important;
    font-size: 12px !important;
    line-height: 18px !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child > div[style*="border:2px"] span:last-child {
    color: var(--ref-ink) !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child > div[style*="margin-top:30px"] {
    width: auto !important;
    margin: 0 0 8px !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child > div:has(> div > #amountInput) {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: flex-start !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child > div:has(> div > #amountInput) > div {
    width: auto !important;
    min-width: 48px !important;
    color: var(--ref-muted) !important;
}

body.dyson-page.dyson-withdrawal #amountInput {
    width: 100% !important;
    height: 50px !important;
    min-height: 50px !important;
    margin: 0 !important;
    padding: 0 14px !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    font-size: 18px !important;
    font-weight: 750 !important;
    text-align: left !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:first-child > div[style*="margin:15px 20px"] {
    margin: 10px 0 0 !important;
    color: var(--ref-orange-strong) !important;
    font-size: 12px !important;
    font-weight: 750 !important;
}

body.dyson-page.dyson-withdrawal .Putforwardbtn {
    height: auto !important;
    margin: 14px 0 18px !important;
}

body.dyson-page.dyson-withdrawal .Putforwardbtn button {
    width: 100% !important;
    min-height: 52px !important;
    margin: 0 !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    color: #fff !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    box-shadow: 0 8px 16px rgba(79, 140, 255, .2) !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:has(> #wiinfo) {
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-muted) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:has(> #wiinfo) > div:first-child {
    height: auto !important;
    padding: 16px 16px 4px !important;
    color: var(--ref-ink) !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-withdrawal .exchange > div:has(> #wiinfo) > div:first-child span {
    margin: 0 !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-withdrawal #wiinfo {
    height: auto !important;
    padding: 0 16px 16px !important;
    color: var(--ref-muted) !important;
    font-size: 12px !important;
    line-height: 19px !important;
}

body.dyson-page.dyson-withdrawal #wiinfo p {
    margin: 0 0 12px !important;
    color: inherit !important;
    font-size: 12px !important;
    line-height: 19px !important;
}

body.dyson-page.dyson-withdrawal #wiinfo strong {
    color: var(--ref-ink) !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-withdrawal .views {
        width: 100% !important;
        max-width: none !important;
    }

    body.dyson-page.dyson-withdrawal .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        max-width: none !important;
        transform: none !important;
    }

    body.dyson-page.dyson-withdrawal .navbar-inner,
    body.dyson-page.dyson-withdrawal .page.navbar-fixed {
        width: min(calc(100% - 288px), 920px) !important;
        max-width: 920px !important;
        margin-right: 24px !important;
        margin-left: 240px !important;
    }

    body.dyson-page.dyson-withdrawal .page.navbar-fixed {
        padding-top: 76px !important;
    }
}

/* Withdrawal history: compact two-line ledger cards with safe long-list flow. */
body.dyson-page.dyson-withdrawal-list {
    display: flex !important;
    min-height: 100vh !important;
    min-height: 100svh !important;
    flex-direction: column !important;
    padding: 0 !important;
    overflow-x: hidden !important;
    background: var(--ref-bg) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-withdrawal-list .views {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    min-height: 0 !important;
    margin: 0 auto !important;
    background: transparent !important;
}

body.dyson-page.dyson-withdrawal-list .navbar {
    position: fixed !important;
    top: 0 !important;
    left: 50% !important;
    z-index: 110 !important;
    width: min(100%, 480px) !important;
    height: 58px !important;
    margin: 0 !important;
    transform: translateX(-50%) !important;
    border-bottom: 1px solid var(--ref-line) !important;
    background: rgba(255, 255, 255, .98) !important;
    box-shadow: 0 2px 10px rgba(31, 41, 55, .04) !important;
}

body.dyson-page.dyson-withdrawal-list .navbar-inner {
    display: flex !important;
    align-items: center !important;
    width: 100% !important;
    height: 58px !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-withdrawal-list .navbar .left,
body.dyson-page.dyson-withdrawal-list .navbar .right {
    display: flex !important;
    align-items: center !important;
    width: 62px !important;
    min-width: 62px !important;
    height: 58px !important;
    margin: 0 !important;
}

body.dyson-page.dyson-withdrawal-list .navbar .left a {
    display: inline-flex !important;
    align-items: center !important;
    min-width: 44px !important;
    min-height: 44px !important;
    gap: 4px !important;
    color: var(--ref-blue) !important;
    font-size: 12px !important;
    font-weight: 700 !important;
    line-height: 18px !important;
    text-decoration: none !important;
}

body.dyson-page.dyson-withdrawal-list .navbar .left .icon {
    color: var(--ref-blue) !important;
    font-size: 20px !important;
}

body.dyson-page.dyson-withdrawal-list .navbar .center {
    position: static !important;
    flex: 1 1 auto !important;
    min-width: 0 !important;
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 58px !important;
    text-align: center !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-withdrawal-list .page.navbar-fixed {
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 72px 14px calc(24px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-withdrawal-list .rlist {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: 100% !important;
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    overflow: visible !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-withdrawal-list .rlist::before {
    display: block !important;
    margin: 0 2px 2px !important;
    color: var(--ref-blue) !important;
    content: "উত্তোলনের ইতিহাস" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.4px !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-withdrawal-list .rlist:empty::after {
    display: flex !important;
    min-height: 128px !important;
    align-items: center !important;
    justify-content: center !important;
    box-sizing: border-box !important;
    padding: 24px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
    color: var(--ref-muted) !important;
    content: "এখনও কোনো উত্তোলনের রেকর্ড নেই" !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) minmax(88px, auto) !important;
    gap: 12px !important;
    align-items: center !important;
    width: 100% !important;
    min-height: 124px !important;
    margin: 0 !important;
    padding: 15px 16px !important;
    box-sizing: border-box !important;
    overflow: hidden !important;
    border: 1px solid var(--ref-line) !important;
    border-left: 3px solid rgba(79, 140, 255, .78) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    flex-direction: column !important;
    gap: 4px !important;
    float: none !important;
    text-align: left !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:last-child {
    align-items: flex-end !important;
    text-align: right !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div > div {
    width: auto !important;
    height: auto !important;
    min-height: 0 !important;
    margin: 0 !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 17px !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:first-child > div:first-child {
    color: var(--ref-ink) !important;
    font-size: 13px !important;
    font-weight: 850 !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:first-child > div:first-child::before {
    display: block !important;
    margin-bottom: 2px !important;
    color: var(--ref-muted) !important;
    content: "ORDER" !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 1px !important;
    line-height: 13px !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:first-child > div:nth-child(2) {
    display: block !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:first-child > div:nth-child(2) span:first-child {
    color: var(--ref-muted) !important;
    font-weight: 700 !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:first-child > div:nth-child(2) span:last-child {
    color: var(--ref-orange-strong) !important;
    font-weight: 850 !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:first-child > div:nth-child(3)::before {
    margin-right: 4px !important;
    color: var(--ref-muted) !important;
    content: "NET" !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 1px !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:first-child > div:nth-child(4)::before {
    margin-right: 4px !important;
    color: var(--ref-muted) !important;
    content: "TIME" !important;
    font-size: 9px !important;
    font-weight: 850 !important;
    letter-spacing: 1px !important;
}

body.dyson-page.dyson-withdrawal-list .rlist > div > div:last-child > div:last-child font {
    display: inline-flex !important;
    min-height: 26px !important;
    align-items: center !important;
    padding: 4px 9px !important;
    box-sizing: border-box !important;
    border-radius: 999px !important;
    background: rgba(34, 197, 94, .12) !important;
    color: var(--ref-green) !important;
    font-size: 11px !important;
    font-weight: 850 !important;
    line-height: 16px !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-withdrawal-list .rlist .dropload-down {
    margin: 2px 0 0 !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 20px !important;
    text-align: center !important;
}

body.dyson-page.dyson-withdrawal-list > div[style*="height: 60px"] {
    display: none !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-withdrawal-list .views {
        width: 100% !important;
        max-width: none !important;
    }

    body.dyson-page.dyson-withdrawal-list .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        max-width: none !important;
        transform: none !important;
    }

    body.dyson-page.dyson-withdrawal-list .navbar-inner,
    body.dyson-page.dyson-withdrawal-list .page.navbar-fixed {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin-right: 24px !important;
        margin-left: 240px !important;
    }

    body.dyson-page.dyson-withdrawal-list .page.navbar-fixed {
        padding-top: 76px !important;
    }

    body.dyson-page.dyson-withdrawal-list .rlist {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.dyson-page.dyson-withdrawal-list .rlist::before,
    body.dyson-page.dyson-withdrawal-list .rlist:empty::after,
    body.dyson-page.dyson-withdrawal-list .rlist .dropload-down {
        grid-column: 1 / -1 !important;
    }
}

@media (max-width: 1023px) {
    body.dyson-page.dyson-withdrawal-list > div[style*="height: 60px"] {
        display: none !important;
    }

    body.dyson-page.dyson-withdrawal-list footer.dyson-footer,
    body.dyson-page.dyson-withdrawal-list footer {
        position: static !important;
        top: auto !important;
        right: auto !important;
        bottom: auto !important;
        left: auto !important;
        width: 100% !important;
        height: calc(72px + env(safe-area-inset-bottom)) !important;
        margin: auto 0 0 !important;
        transform: none !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-withdrawal-list .rlist > div {
        transition: none !important;
    }
}

/* The ledger owns its own record cards; the empty state must not inherit a legacy shell. */
body.dyson-page.dyson-withdrawal-list .rlist {
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

/* Treasure: make the reward path read like a deliberate premium flow. */
body.dyson-page.dyson-treasure > div[style*="max-width"] {
    padding: 68px 12px calc(32px + env(safe-area-inset-bottom)) !important;
}

body.dyson-page.dyson-treasure > div[style*="max-width"] > div[style*="height:auto"] {
    overflow: hidden !important;
    border: 1px solid rgba(255, 184, 77, .35) !important;
    border-radius: 20px !important;
    background: var(--ref-orange-soft) !important;
    box-shadow: 0 12px 28px rgba(31, 41, 55, .08) !important;
}

body.dyson-page.dyson-treasure > div[style*="max-width"] > div[style*="height:auto"] > div:first-child {
    height: 220px !important;
    overflow: hidden !important;
    background: var(--ref-orange-soft) !important;
}

body.dyson-page.dyson-treasure > div[style*="max-width"] > div[style*="height:auto"] > div:first-child img {
    display: block !important;
    width: 100% !important;
    height: 220px !important;
    max-height: none !important;
    object-fit: cover !important;
}

body.dyson-page.dyson-treasure > div[style*="max-width"] > div[style*="height:auto"] > div:nth-child(2) {
    min-height: 0 !important;
    padding: 18px 16px 22px !important;
    background: var(--ref-orange-soft) !important;
}

body.dyson-page.dyson-treasure > div[style*="max-width"] > div[style*="height:auto"] > div:nth-child(2) > div:first-child {
    height: auto !important;
    min-height: 78px !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    line-height: 40px !important;
}

body.dyson-page.dyson-treasure #btn4 {
    display: flex !important;
    width: 100% !important;
    min-height: 56px !important;
    height: 56px !important;
    align-items: center !important;
    margin: 10px 0 14px !important;
    padding: 0 14px !important;
    border: 1px solid rgba(255, 184, 77, .45) !important;
    border-radius: 14px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: 0 6px 16px rgba(255, 184, 77, .08) !important;
}

body.dyson-page.dyson-treasure #btn4 > div {
    float: none !important;
    padding-top: 0 !important;
}

body.dyson-page.dyson-treasure #btn4 > div:first-child {
    width: 46px !important;
    flex: 0 0 46px !important;
}

body.dyson-page.dyson-treasure #btn4 > div:nth-child(2) {
    width: auto !important;
    flex: 1 1 auto !important;
    text-align: center !important;
    font-size: 14px !important;
    font-weight: 650 !important;
}

body.dyson-page.dyson-treasure #btn4 > div:last-child {
    width: 24px !important;
    flex: 0 0 24px !important;
    text-align: right !important;
}

body.dyson-page.dyson-treasure #btn4 img {
    display: block !important;
    margin: 0 auto !important;
    object-fit: contain !important;
}

body.dyson-page.dyson-treasure #btn4 > div:first-child img {
    width: 36px !important;
    height: 36px !important;
}

body.dyson-page.dyson-treasure #btn4 > div:last-child img {
    width: 20px !important;
    height: 20px !important;
    margin-right: 0 !important;
}

body.dyson-page.dyson-treasure div:has(> .layui-form-item) {
    position: relative !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 20px 0 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-treasure div:has(> .layui-form-item)::before {
    position: absolute !important;
    top: 0 !important;
    left: 0 !important;
    color: var(--ref-muted) !important;
    content: "পুরস্কার কোড" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.2px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-treasure #code {
    min-height: 48px !important;
    height: 48px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 12px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    outline: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

body.dyson-page.dyson-treasure #code::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

body.dyson-page.dyson-treasure #code:focus {
    border-color: var(--ref-orange-strong) !important;
    box-shadow: 0 0 0 3px rgba(255, 138, 61, .16) !important;
}

body.dyson-page.dyson-treasure #checkin {
    min-height: 48px !important;
    height: 48px !important;
    margin-top: 14px !important;
    border: 0 !important;
    border-radius: 999px !important;
    background: linear-gradient(135deg, var(--ref-orange), var(--ref-orange-strong)) !important;
    box-shadow: 0 10px 18px rgba(255, 138, 61, .2) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    transition: transform .2s ease, box-shadow .2s ease !important;
}

body.dyson-page.dyson-treasure #checkin:focus-visible {
    outline: 3px solid rgba(255, 138, 61, .3) !important;
    outline-offset: 3px !important;
}

body.dyson-page.dyson-treasure .reward-result {
    width: 100% !important;
    margin: 12px 0 0 !important;
    padding: 11px 12px !important;
    border: 1px solid rgba(34, 197, 94, .2) !important;
    border-radius: 12px !important;
    background: rgba(34, 197, 94, .1) !important;
    color: #16803b !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 20px !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-treasure > div[style*="max-width"] {
        width: 560px !important;
        max-width: 560px !important;
    }

    body.dyson-page.dyson-treasure > .top {
        width: 560px !important;
        max-width: 560px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-treasure #code,
    body.dyson-page.dyson-treasure #checkin {
        transition: none !important;
    }
}

/* Profile: one spacing system around the legacy dashboard modules. */
body.dyson-page.dyson-user > div[style*="max-width"] {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    padding: 0 0 calc(96px + env(safe-area-inset-bottom)) !important;
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-user .top1 + div[style*="background: #000"] {
    width: 100% !important;
    height: 172px !important;
    margin: 0 !important;
    border-radius: 0 0 24px 24px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #4200FF"] {
    display: grid !important;
    width: calc(100% - 24px) !important;
    min-height: 88px !important;
    grid-template-columns: minmax(0, 1fr) minmax(118px, .85fr) !important;
    align-items: center !important;
    gap: 10px !important;
    margin: -34px 12px 12px !important;
    padding: 12px 14px !important;
    border: 1px solid rgba(229, 231, 235, .92) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #4200FF"] > div {
    width: auto !important;
    height: auto !important;
    float: none !important;
    margin: 0 !important;
}

body.dyson-page.dyson-user #useramount {
    margin: 0 !important;
    color: var(--ref-blue) !important;
    font-size: 20px !important;
    font-weight: 850 !important;
    line-height: 28px !important;
    text-align: left !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #4200FF"] > div:first-child > div:last-child {
    margin: 2px 0 0 !important;
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 16px !important;
    text-align: left !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #4200FF"] a {
    display: flex !important;
    width: 100% !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    line-height: normal !important;
}

body.dyson-page.dyson-user #Recharge {
    width: 100% !important;
    min-height: 44px !important;
    height: 44px !important;
    font-size: 13px !important;
    font-weight: 750 !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #191A1F"] {
    width: calc(100% - 24px) !important;
    margin: 0 12px 10px !important;
    padding: 8px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #191A1F"] > div:first-child {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
}

body.dyson-page.dyson-user > div[style*="max-width"] > div[style*="background: #191A1F"] > div:first-child > div:not(#Withdraw):not(#Record):not(#RechargeRecord) {
    display: none !important;
}

body.dyson-page.dyson-user #Withdraw,
body.dyson-page.dyson-user #Record,
body.dyson-page.dyson-user #RechargeRecord {
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    float: none !important;
    text-align: center !important;
}

body.dyson-page.dyson-user #Withdraw > div,
body.dyson-page.dyson-user #Record > div,
body.dyson-page.dyson-user #RechargeRecord > div,
body.dyson-page.dyson-user #Withdraw > div > div,
body.dyson-page.dyson-user #Record > div > div,
body.dyson-page.dyson-user #RechargeRecord > div > div {
    width: 100% !important;
    padding: 0 !important;
}

body.dyson-page.dyson-user #Withdraw a,
body.dyson-page.dyson-user #Record a,
body.dyson-page.dyson-user #RechargeRecord a {
    display: flex !important;
    min-height: 92px !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 8px !important;
    padding: 8px !important;
    border-radius: 12px !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-user #Withdraw a:active,
body.dyson-page.dyson-user #Record a:active,
body.dyson-page.dyson-user #RechargeRecord a:active {
    background: #e2edff !important;
}

body.dyson-page.dyson-user #Withdraw a > div,
body.dyson-page.dyson-user #Record a > div,
body.dyson-page.dyson-user #RechargeRecord a > div {
    height: auto !important;
    color: inherit !important;
    line-height: 16px !important;
}

body.dyson-page.dyson-user #Withdraw a > div:last-child,
body.dyson-page.dyson-user #Record a > div:last-child,
body.dyson-page.dyson-user #RechargeRecord a > div:last-child {
    font-size: 12px !important;
    font-weight: 750 !important;
}

body.dyson-page.dyson-user .video-box {
    width: calc(100% - 24px) !important;
    height: 136px !important;
    margin: 10px 12px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] {
    width: calc(100% - 24px) !important;
    margin: 0 12px 10px !important;
    padding: 12px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] > div:first-child {
    height: auto !important;
    margin: 0 0 10px !important;
    color: var(--ref-ink) !important;
    font-size: 15px !important;
    font-weight: 800 !important;
    line-height: 22px !important;
}

body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] > div:nth-child(2),
body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] > div:nth-child(3) {
    display: grid !important;
    height: auto !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin: 0 !important;
}

body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] > div:nth-child(3) {
    margin-top: 8px !important;
}

body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] a[style*="float"] {
    display: flex !important;
    width: auto !important;
    min-width: 0 !important;
    min-height: 72px !important;
    float: none !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    padding: 7px 3px !important;
    border-radius: 12px !important;
    color: var(--ref-ink) !important;
    text-align: center !important;
}

body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] a[style*="float"]:active {
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] a[style*="float"] > div {
    height: auto !important;
    color: inherit !important;
    font-size: 11px !important;
    line-height: 15px !important;
}

body.dyson-page.dyson-user .video-box + div[style*="background: #191A1F"] a[style*="float"] img {
    width: 28px !important;
    height: 28px !important;
    object-fit: contain !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-user > div[style*="max-width"] {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin-left: 264px !important;
        padding-bottom: 32px !important;
    }

    body.dyson-page.dyson-user .top1 + div[style*="background: #000"] {
        border-radius: 0 0 24px 24px !important;
    }

    body.dyson-page.dyson-user .video-box {
        height: 220px !important;
    }
}

/* Payout account: a single calm form surface with explicit field hierarchy. */
body.dyson-page.dyson-account .page-content {
    width: min(100%, 480px) !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: 70px 14px 32px !important;
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-account .page-content > form {
    position: relative !important;
    margin: 0 auto !important;
    padding: 68px 16px 20px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-account .page-content > form::before {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    left: 16px !important;
    display: flex !important;
    min-height: 40px !important;
    align-items: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(79, 140, 255, .15) !important;
    border-radius: 10px !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
    content: "নিরাপদ উত্তোলন তথ্য" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.1px !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul,
body.dyson-page.dyson-account .page-content > form > div > ul[style*="background-color"] {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul > li {
    margin: 0 0 14px !important;
    padding: 0 !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul > li:last-child {
    margin-bottom: 0 !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul li div[style*="font-size"],
body.dyson-page.dyson-account .page-content > form > div > ul li .item-title.label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    color: var(--ref-ink) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 18px !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul li div[style*="margin-left"],
body.dyson-page.dyson-account .page-content > form > div > ul li div[style*="margin-top"],
body.dyson-page.dyson-account .page-content > form > div > ul li .item-content,
body.dyson-page.dyson-account .page-content > form > div > ul li .item-inner,
body.dyson-page.dyson-account .page-content > form > div > ul li .item-input {
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul li select,
body.dyson-page.dyson-account .page-content > form > div > ul li input {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    outline: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul li select:focus,
body.dyson-page.dyson-account .page-content > form > div > ul li input:focus {
    border-color: var(--ref-blue) !important;
    box-shadow: 0 0 0 3px rgba(79, 140, 255, .14) !important;
}

body.dyson-page.dyson-account .page-content > form > div > ul li input::placeholder {
    color: #9ca3af !important;
    opacity: 1 !important;
}

body.dyson-page.dyson-account .parent-container,
body.dyson-page.dyson-account .baocuss {
    width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-account .baocuss a {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    box-shadow: 0 10px 18px rgba(79, 140, 255, .2) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

body.dyson-page.dyson-account .page-content > form > br {
    display: none !important;
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-account .page-content > form input,
    body.dyson-page.dyson-account .page-content > form select {
        transition: none !important;
    }
}

/* Cash ledger: distinguish the asset summary, empty state, and loaded records. */
body.dyson-page.dyson-cash .page.navbar-fixed {
    width: min(100%, 480px) !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: 58px 12px calc(96px + env(safe-area-inset-bottom)) !important;
}

body.dyson-page.dyson-cash .tixianlog-index-top {
    position: relative !important;
    display: flex !important;
    min-height: 112px !important;
    align-items: flex-end !important;
    justify-content: flex-end !important;
    margin: 12px 0 !important;
    padding: 18px 16px !important;
    border: 0 !important;
    border-radius: 20px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    box-shadow: 0 12px 24px rgba(79, 140, 255, .18) !important;
}

body.dyson-page.dyson-cash .tixianlog-index-top::before {
    position: absolute !important;
    top: 18px !important;
    left: 16px !important;
    color: rgba(255, 255, 255, .82) !important;
    content: "উপলব্ধ ব্যালেন্স" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.2px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-cash .tixianlog-index-top-title {
    display: none !important;
}

body.dyson-page.dyson-cash .tixianlog-index-top-mull {
    margin: 0 !important;
    color: #fff !important;
    font-size: 30px !important;
    font-weight: 850 !important;
    line-height: 36px !important;
    font-variant-numeric: tabular-nums !important;
}

body.dyson-page.dyson-cash .tab {
    display: none !important;
}

body.dyson-page.dyson-cash .content {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-cash .content .tixianlog-log {
    min-height: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-cash .content .tixianlog-log:not(:has(> *)) {
    display: none !important;
}

body.dyson-page.dyson-cash .content:not(:has(.tixianlog-log > *))::after {
    display: flex !important;
    min-height: 148px !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 16px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
    color: var(--ref-muted) !important;
    content: "এখনও কোনো ব্যালেন্স রেকর্ড নেই" !important;
    font-size: 13px !important;
    line-height: 20px !important;
    text-align: center !important;
}

body.dyson-page.dyson-cash .content .tixianlog-item {
    display: grid !important;
    min-height: 88px !important;
    grid-template-columns: minmax(0, 1fr) auto !important;
    gap: 10px !important;
    margin: 0 0 10px !important;
    padding: 14px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 16px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
    color: var(--ref-ink) !important;
}

body.dyson-page.dyson-cash .tixianlog-item .tixianlog-log-top1 {
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-cash .tixianlog-item .tixianlog-log-top1:first-child {
    display: flex !important;
    flex-direction: column !important;
    gap: 4px !important;
}

body.dyson-page.dyson-cash .tixianlog-log-top1-title {
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-cash .tixianlog-log-top1-time {
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 17px !important;
}

body.dyson-page.dyson-cash .tixianlog-item .tixianlog-log-top1:last-child {
    display: flex !important;
    min-width: 92px !important;
    position: relative !important;
    right: 10px !important;
    flex-direction: column !important;
    align-items: flex-end !important;
    justify-content: center !important;
    gap: 3px !important;
    text-align: right !important;
}

body.dyson-page.dyson-cash .tixianlog-log-boy1-money {
    color: var(--ref-green) !important;
    font-size: 16px !important;
    font-weight: 850 !important;
    line-height: 22px !important;
    font-variant-numeric: tabular-nums !important;
}

body.dyson-page.dyson-cash .tixianlog-log-boy1-money.out,
body.dyson-page.dyson-cash .tixianlog-item .out .tixianlog-log-boy1-money {
    color: var(--ref-red) !important;
}

body.dyson-page.dyson-cash .tixianlog-log-boy1-balance {
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 16px !important;
    font-variant-numeric: tabular-nums !important;
}

body.dyson-page.dyson-cash .dropload-down {
    color: var(--ref-muted) !important;
    font-size: 11px !important;
    line-height: 20px !important;
    text-align: center !important;
}

body.dyson-page.dyson-cash .content .dropload-noData {
    display: none !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-cash .views {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-cash .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        max-width: none !important;
        transform: none !important;
    }

    body.dyson-page.dyson-cash .navbar-inner,
    body.dyson-page.dyson-cash .page.navbar-fixed {
        width: min(calc(100% - 288px), 1040px) !important;
        max-width: 1040px !important;
        margin-right: 24px !important;
        margin-left: 240px !important;
    }

    body.dyson-page.dyson-cash .page.navbar-fixed {
        padding-top: 70px !important;
    }

    body.dyson-page.dyson-cash .content .tixianlog-log:has(> .tixianlog-item) {
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
        gap: 12px !important;
    }

    body.dyson-page.dyson-cash .content .tixianlog-log:has(> .tixianlog-item) .tixianlog-item {
        margin: 0 !important;
    }
}

/* Password security: stack the existing fields into a quiet, readable form. */
body.dyson-page.dyson-password .page-content {
    width: min(100%, 480px) !important;
    min-height: 100svh !important;
    margin: 0 auto !important;
    padding: 70px 14px 32px !important;
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-password .page-content > form {
    position: relative !important;
    margin: 0 auto !important;
    padding: 68px 16px 72px !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-password .page-content > form::before {
    position: absolute !important;
    top: 16px !important;
    right: 16px !important;
    left: 16px !important;
    display: flex !important;
    min-height: 40px !important;
    align-items: center !important;
    padding: 0 12px !important;
    box-sizing: border-box !important;
    border: 1px solid rgba(79, 140, 255, .15) !important;
    border-radius: 10px !important;
    background: var(--ref-blue-soft) !important;
    color: var(--ref-blue) !important;
    content: "পাসওয়ার্ড নিরাপত্তা" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.1px !important;
}

body.dyson-page.dyson-password .list-block {
    margin: 0 !important;
}

body.dyson-page.dyson-password .list-block > ul {
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-password .list-block > ul > li {
    margin: 0 0 14px !important;
    padding: 0 !important;
}

body.dyson-page.dyson-password .list-block > ul > li:last-child {
    margin-bottom: 0 !important;
}

body.dyson-page.dyson-password .item-content,
body.dyson-page.dyson-password .item-inner,
body.dyson-page.dyson-password .item-input {
    display: block !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
}

body.dyson-page.dyson-password .item-title.label {
    display: block !important;
    width: 100% !important;
    margin: 0 0 6px !important;
    color: var(--ref-ink) !important;
    font-size: 13px !important;
    font-weight: 750 !important;
    line-height: 18px !important;
}

body.dyson-page.dyson-password .page-content > form input {
    width: 100% !important;
    min-height: 48px !important;
    height: 48px !important;
    margin: 0 !important;
    padding: 0 13px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 11px !important;
    background: #fff !important;
    color: var(--ref-ink) !important;
    font-size: 16px !important;
    outline: none !important;
    transition: border-color .2s ease, box-shadow .2s ease !important;
}

body.dyson-page.dyson-password .page-content > form input:focus {
    border-color: var(--ref-blue) !important;
    box-shadow: 0 0 0 3px rgba(79, 140, 255, .14) !important;
}

body.dyson-page.dyson-password .baocuss {
    width: 100% !important;
    margin: 16px 0 0 !important;
    padding: 0 !important;
    background: transparent !important;
}

body.dyson-page.dyson-password .baocuss a {
    display: flex !important;
    width: 100% !important;
    min-height: 52px !important;
    align-items: center !important;
    justify-content: center !important;
    border: 0 !important;
    border-radius: 12px !important;
    background: linear-gradient(135deg, var(--ref-blue), var(--ref-blue-2)) !important;
    box-shadow: 0 10px 18px rgba(79, 140, 255, .2) !important;
    color: #fff !important;
    font-size: 14px !important;
    font-weight: 800 !important;
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-password .page-content > form input {
        transition: none !important;
    }
}

/* Customer service: keep the existing links, IDs, and footer contract while
   bringing the legacy dark rows into the light SmartLife surface language. */
body.dyson-page.dyson-service {
    background: var(--ref-bg) !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] {
    width: min(100%, 480px) !important;
    max-width: 480px !important;
    margin: 0 auto !important;
    padding: 70px 12px calc(96px + env(safe-area-inset-bottom)) !important;
    box-sizing: border-box !important;
    background: transparent !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] > div:first-of-type {
    width: 100% !important;
    margin: 0 0 12px !important;
    padding: 0 !important;
    border: 0 !important;
    border-radius: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] > div:first-of-type > div[style*="background: #191A1F"] {
    width: 100% !important;
    margin: 0 !important;
    padding: 8px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] > div:first-of-type > div[style*="background: #191A1F"] > a {
    display: block !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ref-ink) !important;
    text-decoration: none !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] > div:first-of-type > div[style*="background: #191A1F"] > a + a {
    border-top: 1px solid var(--ref-line) !important;
}

body.dyson-page.dyson-service #btn1,
body.dyson-page.dyson-service #btn4 {
    display: grid !important;
    width: 100% !important;
    min-height: 68px !important;
    grid-template-columns: 44px minmax(0, 1fr) 24px !important;
    align-items: center !important;
    gap: 10px !important;
    margin: 0 !important;
    padding: 8px 8px !important;
    box-sizing: border-box !important;
    overflow: visible !important;
    color: var(--ref-ink) !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-service #btn1 > div,
body.dyson-page.dyson-service #btn4 > div {
    float: none !important;
    width: auto !important;
    min-width: 0 !important;
    height: auto !important;
    margin: 0 !important;
    padding: 0 !important;
    color: inherit !important;
    line-height: 20px !important;
}

body.dyson-page.dyson-service #btn1 > div:first-child,
body.dyson-page.dyson-service #btn4 > div:first-child {
    display: flex !important;
    width: 44px !important;
    height: 44px !important;
    align-items: center !important;
    justify-content: center !important;
    border-radius: 13px !important;
    background: var(--ref-blue-soft) !important;
}

body.dyson-page.dyson-service #btn1 > div:first-child img,
body.dyson-page.dyson-service #btn4 > div:first-child img {
    display: block !important;
    width: 30px !important;
    height: 30px !important;
    padding: 0 !important;
    object-fit: contain !important;
}

body.dyson-page.dyson-service #btn1 > div:nth-child(2),
body.dyson-page.dyson-service #btn4 > div:nth-child(2) {
    overflow: hidden !important;
    color: var(--ref-ink) !important;
    font-size: 14px !important;
    font-weight: 800 !important;
    line-height: 20px !important;
    text-overflow: ellipsis !important;
    white-space: nowrap !important;
}

body.dyson-page.dyson-service #btn1 > div:last-child,
body.dyson-page.dyson-service #btn4 > div:last-child {
    color: var(--ref-blue) !important;
    font-size: 22px !important;
    line-height: 24px !important;
    text-align: right !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] > div:nth-of-type(2) {
    width: 100% !important;
    margin: 0 !important;
    padding: 18px !important;
    box-sizing: border-box !important;
    border: 1px solid var(--ref-line) !important;
    border-radius: 18px !important;
    background: #fff !important;
    box-shadow: var(--ref-shadow) !important;
}

body.dyson-page.dyson-service #kefutime {
    margin: 0 !important;
    padding: 0 !important;
    color: var(--ref-ink) !important;
    font-family: inherit !important;
    font-size: 24px !important;
    font-weight: 850 !important;
    line-height: 30px !important;
    text-align: left !important;
    font-variant-numeric: tabular-nums !important;
}

body.dyson-page.dyson-service #kefutime::before {
    display: block !important;
    margin-bottom: 5px !important;
    color: var(--ref-blue) !important;
    content: "SERVICE HOURS" !important;
    font-size: 10px !important;
    font-weight: 850 !important;
    letter-spacing: 1.1px !important;
    line-height: 14px !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] > div:nth-of-type(2) > div[style*="padding: 10px"] {
    margin: 5px 0 0 !important;
    padding: 0 !important;
    color: var(--ref-muted) !important;
    font-family: inherit !important;
    font-size: 12px !important;
    line-height: 19px !important;
    text-align: left !important;
}

body.dyson-page.dyson-service #kfinfo {
    margin: 16px 0 0 !important;
    padding: 14px 0 0 !important;
    border-top: 1px solid var(--ref-line) !important;
    color: var(--ref-muted) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 21px !important;
    text-align: left !important;
}

body.dyson-page.dyson-service #kfinfo > p:first-child,
body.dyson-page.dyson-service #kfinfo > p:last-child {
    display: none !important;
}

body.dyson-page.dyson-service #kfinfo p {
    margin: 0 0 10px !important;
    color: var(--ref-muted) !important;
    font-family: inherit !important;
    font-size: 13px !important;
    line-height: 21px !important;
}

body.dyson-page.dyson-service .views > div[style*="max-width"] > div:nth-of-type(3) {
    display: none !important;
}

@media (min-width: 1024px) {
    body.dyson-page.dyson-service .views {
        width: 100% !important;
        max-width: none !important;
        margin: 0 !important;
    }

    body.dyson-page.dyson-service .navbar {
        left: 240px !important;
        width: calc(100% - 240px) !important;
        max-width: none !important;
        transform: none !important;
    }

    body.dyson-page.dyson-service .navbar-inner {
        width: min(calc(100% - 288px), 1040px) !important;
        margin-right: 24px !important;
        margin-left: 240px !important;
    }

    body.dyson-page.dyson-service .views > div[style*="max-width"] {
        width: min(calc(100% - 288px), 640px) !important;
        max-width: 640px !important;
        margin-right: 24px !important;
        margin-left: 264px !important;
        padding-top: 82px !important;
    }
}

@media (max-width: 359px) {
    body.dyson-page.dyson-service #btn1,
    body.dyson-page.dyson-service #btn4 {
        grid-template-columns: 40px minmax(0, 1fr) 22px !important;
        gap: 8px !important;
    }

    body.dyson-page.dyson-service #btn1 > div:first-child,
    body.dyson-page.dyson-service #btn4 > div:first-child {
        width: 40px !important;
        height: 40px !important;
    }

    body.dyson-page.dyson-service #btn1 > div:nth-child(2),
    body.dyson-page.dyson-service #btn4 > div:nth-child(2) {
        font-size: 13px !important;
    }
}

@media (prefers-reduced-motion: reduce) {
    body.dyson-page.dyson-service .views a,
    body.dyson-page.dyson-service .views img {
        transition: none !important;
    }
}