/* China Exchange: Carbone Luxe visual system */
:root {
    --luxe-black: #070808;
    --luxe-carbon: #0d0f0f;
    --luxe-carbon-2: #141716;
    --luxe-carbon-3: #1a1d1c;
    --luxe-ivory: #f3eee2;
    --luxe-muted: #9d998f;
    --luxe-dim: #696861;
    --luxe-gold: #d8b765;
    --luxe-gold-light: #f2d98c;
    --luxe-gold-dark: #8f6b2d;
    --luxe-line: rgba(216, 183, 101, .34);
    --luxe-line-soft: rgba(243, 238, 226, .09);
    --luxe-shadow: 0 24px 70px rgba(0, 0, 0, .46);
    --luxe-serif: "Cormorant Garamond", Georgia, serif;
    --luxe-sans: "Manrope", "Inter", sans-serif;
    --luxe-mono: "JetBrains Mono", monospace;
}

html {
    background: var(--luxe-black);
}

body,
body.theme-dark,
body.theme-light {
    color-scheme: dark;
    color: var(--luxe-ivory);
    font-family: var(--luxe-sans);
    letter-spacing: 0;
    background:
        linear-gradient(115deg, transparent 0 48%, rgba(255,255,255,.018) 48.2%, transparent 48.6%),
        linear-gradient(65deg, transparent 0 70%, rgba(216,183,101,.024) 70.2%, transparent 70.5%),
        radial-gradient(ellipse at 76% 8%, rgba(216,183,101,.08), transparent 35%),
        #080909;
    --bg: var(--luxe-black);
    --surface: rgba(15, 17, 16, .94);
    --surface-2: #131615;
    --surface-3: #0d0f0f;
    --line: var(--luxe-line-soft);
    --line-soft: rgba(255,255,255,.055);
    --line-glow: var(--luxe-line);
    --muted: var(--luxe-muted);
    --faint: var(--luxe-dim);
    --blue: var(--luxe-gold);
    --blue-bright: var(--luxe-gold-light);
    --blue-soft: rgba(216,183,101,.1);
    --green: #9dc39a;
    --green-soft: rgba(157,195,154,.1);
    --danger: #d47971;
    --danger-soft: rgba(212,121,113,.1);
    --gold: var(--luxe-gold);
    --shadow: var(--luxe-shadow);
    --shadow-card: var(--luxe-shadow);
    --glow-blue: 0 0 0 1px rgba(216,183,101,.05), 0 18px 52px rgba(0,0,0,.38);
}

body::before {
    opacity: .46;
    background-image:
        repeating-linear-gradient(135deg, rgba(255,255,255,.018) 0 1px, transparent 1px 5px),
        linear-gradient(90deg, transparent, rgba(216,183,101,.025), transparent);
    background-size: 7px 7px, 100% 100%;
    -webkit-mask-image: none;
    mask-image: none;
}

button,
input,
select,
textarea {
    font-family: var(--luxe-sans);
    letter-spacing: 0;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
    outline: 1px solid var(--luxe-gold-light);
    outline-offset: 3px;
}

/* Desktop shell */
.app-shell {
    max-width: 1680px;
    min-height: 100dvh;
    margin: 0 auto;
    background: rgba(8, 9, 9, .48);
}

.sidebar {
    width: 264px;
    padding: 30px 22px;
    border-right: 1px solid var(--luxe-line);
    background:
        linear-gradient(180deg, rgba(216,183,101,.035), transparent 28%),
        rgba(7,8,8,.96);
    box-shadow: 20px 0 60px rgba(0,0,0,.22);
}

.brand {
    gap: 13px;
    padding: 0 2px 30px;
    border-bottom: 1px solid var(--luxe-line-soft);
}

.brand-mark,
.header-mark {
    display: grid;
    overflow: hidden;
    place-items: center;
    border: 1px solid var(--luxe-line);
    background: linear-gradient(145deg, #181b1a, #090a0a);
    box-shadow: inset 0 1px rgba(255,255,255,.06), 0 12px 28px rgba(0,0,0,.32);
}

.brand-mark {
    width: 48px;
    height: 48px;
    border-radius: 4px;
}

.brand-mark img,
.header-mark img {
    width: 86%;
    height: 86%;
    object-fit: contain;
}

.brand strong,
.header-name {
    color: var(--luxe-ivory);
    font-family: var(--luxe-serif);
    font-size: 17px;
    font-weight: 600;
    line-height: 1;
    letter-spacing: .06em;
}

.brand small,
.header-sub {
    margin-top: 6px;
    color: var(--luxe-gold);
    font-family: var(--luxe-mono);
    font-size: 7px;
    letter-spacing: .1em;
}

.system-state {
    margin: 22px 0;
    padding: 11px 12px;
    border: 1px solid var(--luxe-line-soft);
    border-radius: 3px;
    background: rgba(255,255,255,.018);
    color: var(--luxe-muted);
}

.system-state strong,
.live-badge,
.live-pill {
    color: #aac8a5;
}

.status-led {
    background: #9dc39a;
    box-shadow: 0 0 0 3px rgba(157,195,154,.09), 0 0 10px rgba(157,195,154,.4);
}

.side-nav {
    gap: 7px;
}

.nav-item {
    min-height: 52px;
    padding: 0 13px;
    border: 1px solid transparent;
    border-radius: 3px;
    color: var(--luxe-muted);
    background: transparent;
}

.nav-item:hover {
    color: var(--luxe-ivory);
    border-color: var(--luxe-line-soft);
    background: rgba(255,255,255,.025);
}

.nav-item.active {
    color: var(--luxe-gold-light);
    border-color: var(--luxe-line);
    background: linear-gradient(90deg, rgba(216,183,101,.12), rgba(216,183,101,.02));
    box-shadow: inset 2px 0 var(--luxe-gold);
}

.nav-item i {
    color: var(--luxe-gold);
}

.nav-item kbd {
    color: var(--luxe-dim);
}

.sidebar-footer {
    border-top-color: var(--luxe-line-soft);
}

.utility-button,
.mobile-tools button,
.util-btn {
    border: 1px solid var(--luxe-line-soft);
    border-radius: 3px;
    color: var(--luxe-muted);
    background: var(--luxe-carbon);
}

.utility-button:hover,
.mobile-tools button:hover,
.util-btn:hover {
    border-color: var(--luxe-line);
    color: var(--luxe-gold-light);
}

.ai-shortcut,
.ai-pill {
    border-color: var(--luxe-line);
    color: #15130d;
    background: linear-gradient(135deg, #f0d98c, #bb9443 58%, #e7c977);
    box-shadow: 0 8px 24px rgba(151,111,39,.2);
}

.workspace {
    margin-left: 264px;
    padding: 0 48px 42px;
}

.topbar {
    min-height: 132px;
    padding: 28px 0 22px;
    border-bottom: 1px solid var(--luxe-line);
    background: rgba(8,9,9,.82);
    backdrop-filter: blur(18px);
}

.eyebrow,
.panel-code,
.panel-heading,
.rate-caption,
.rate-sync,
.metric-cell span,
.group-label,
.field > span:first-child,
.workspace-footer {
    font-family: var(--luxe-mono);
    letter-spacing: .08em;
}

.eyebrow {
    color: var(--luxe-gold);
}

.topbar h1 {
    margin-top: 9px;
    color: var(--luxe-ivory);
    font-family: var(--luxe-serif);
    font-size: clamp(35px, 4vw, 52px);
    font-weight: 600;
    line-height: .9;
    letter-spacing: 0;
}

.mobile-brand {
    display: none;
}

.clock-unit,
.weather-widget {
    border: 1px solid var(--luxe-line-soft);
    border-radius: 3px;
    background: rgba(255,255,255,.018);
}

.clock-unit i {
    color: var(--luxe-gold);
}

.section {
    padding-top: 34px;
}

.rate-layout,
.watch-layout {
    gap: 18px;
}

/* Luxe surfaces */
.terminal-panel,
.panel,
.cyber-panel {
    border: 1px solid rgba(216, 183, 101, .42);
    border-radius: 6px;
    background:
        linear-gradient(145deg, rgba(255,255,255,.025), transparent 32%),
        rgba(14,16,15,.96);
    box-shadow:
        var(--luxe-shadow),
        inset 0 1px rgba(255,255,255,.045),
        inset 0 0 0 1px rgba(216,183,101,.045);
}

.terminal-panel::before,
.panel::before {
    left: 0;
    right: 0;
    background: linear-gradient(90deg, transparent, var(--luxe-gold), transparent);
    opacity: .45;
}

.terminal-panel:hover,
.panel:hover {
    border-color: rgba(242,217,140,.62);
    transform: none;
}

.panel-heading,
.panel-head,
.cyber-panel-header {
    min-height: 58px;
    padding: 0 20px;
    border-bottom: 1px solid var(--luxe-line-soft);
    color: var(--luxe-muted);
    background: rgba(255,255,255,.012);
}

.panel-index,
.panel-idx {
    min-width: auto;
    padding: 0 8px;
    border: 0;
    border-right: 1px solid var(--luxe-line);
    border-radius: 0;
    color: var(--luxe-gold);
    background: transparent;
}

.live-badge,
.live-pill {
    border: 1px solid rgba(157,195,154,.18);
    border-radius: 2px;
    background: rgba(157,195,154,.07);
}

.rate-console {
    position: relative;
}

.rate-core {
    min-height: 310px;
    padding: 56px 34px 42px;
    background:
        linear-gradient(120deg, rgba(216,183,101,.055), transparent 42%),
        repeating-linear-gradient(135deg, rgba(255,255,255,.012) 0 1px, transparent 1px 6px);
}

.rate-emblem {
    position: absolute;
    right: 22px;
    bottom: -12px;
    width: min(32%, 230px);
    opacity: .11;
    filter: saturate(.65);
    pointer-events: none;
}

.rate-value-row > strong,
.rate-value {
    position: relative;
    color: var(--luxe-ivory);
    background: linear-gradient(100deg, #fff8e9 0%, #d8b765 58%, #fff0b7 100%);
    -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    font-family: var(--luxe-serif);
    font-size: clamp(70px, 8vw, 112px);
    font-weight: 600;
    line-height: .84;
    letter-spacing: 0;
    filter: drop-shadow(0 10px 25px rgba(0,0,0,.45));
}

.rate-value-row {
    align-items: flex-end;
    gap: 18px;
}

.rate-caption {
    color: var(--luxe-gold);
}

.rate-sync i {
    color: var(--luxe-gold);
}

.trend-neutral,
.rate-trend {
    border-radius: 2px;
}

.metric-strip {
    border-top-color: var(--luxe-line-soft);
    background: rgba(0,0,0,.18);
}

.metric-cell + .metric-cell {
    border-left-color: var(--luxe-line-soft);
}

.metric-cell strong {
    color: var(--luxe-ivory);
}

.tiers-toggle {
    border-color: var(--luxe-line-soft);
    color: var(--luxe-muted);
}

.tiers-toggle:hover {
    color: var(--luxe-gold-light);
}

.tier-row {
    border-bottom-color: var(--luxe-line-soft);
    border-radius: 2px;
}

.tier-row.featured {
    border-color: var(--luxe-line);
    border-radius: 3px;
    color: var(--luxe-gold-light);
    background: linear-gradient(90deg, rgba(216,183,101,.13), rgba(216,183,101,.025));
    box-shadow: inset 2px 0 var(--luxe-gold);
}

.tier-row.featured > span,
.tier-row.featured > strong {
    color: var(--luxe-gold-light);
}

.quick-actions,
.quick-grid {
    gap: 12px;
}

.quick-actions button,
.quick-btn {
    min-height: 94px;
    border: 1px solid rgba(216,183,101,.3);
    border-radius: 4px;
    color: var(--luxe-ivory);
    background: rgba(14,16,15,.92);
}

.quick-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
}

.quick-btn {
    min-width: 0;
}

.quick-btn > div:last-child {
    min-width: 0;
}

.quick-btn small,
.quick-btn strong {
    display: block;
}

.quick-btn strong {
    margin-top: 5px;
    overflow-wrap: anywhere;
}

.quick-actions button:hover,
.quick-btn:hover {
    border-color: var(--luxe-line);
    background: linear-gradient(135deg, rgba(216,183,101,.09), rgba(14,16,15,.96));
    box-shadow: 0 16px 40px rgba(0,0,0,.3);
    transform: translateY(-2px);
}

.quick-actions button > i:first-child,
.quick-btn-icon {
    border-color: var(--luxe-line);
    border-radius: 3px;
    color: var(--luxe-gold);
    background: rgba(216,183,101,.08);
}

.quick-actions small,
.quick-btn small {
    color: var(--luxe-gold);
}

.panel-body,
.form-body {
    padding: 28px;
}

.form-panel {
    max-width: 860px;
}

.mode-switch,
.seg-switch {
    padding: 4px;
    border: 1px solid var(--luxe-line-soft);
    border-radius: 4px;
    background: #090a0a;
}

.mode-switch button,
.seg-btn {
    border: 0;
    border-radius: 2px;
    color: var(--luxe-muted);
    background: transparent;
}

.mode-switch button.active,
.seg-btn.active {
    color: #17140d;
    background: linear-gradient(135deg, #edda9e, #b68d3e);
    box-shadow: 0 5px 18px rgba(0,0,0,.3);
}

.mode-switch button.active i,
.seg-btn.active i {
    color: #17140d;
}

.input-shell,
.input-wrap {
    border-radius: 3px;
}

.input-shell input,
.app-input,
.cyber-input,
select.cyber-input,
textarea.cyber-input {
    border: 1px solid var(--luxe-line-soft);
    border-radius: 3px;
    color: var(--luxe-ivory);
    background: #0a0c0b;
    font-family: var(--luxe-mono);
}

.input-shell input:focus,
.app-input:focus,
.cyber-input:focus {
    border-color: var(--luxe-gold);
    background: #0a0c0b;
    box-shadow: 0 0 0 3px rgba(216,183,101,.08);
}

.input-shell i,
.input-wrap > i {
    color: var(--luxe-gold);
}

.payment-switch button,
.pay-btn,
.radio-card {
    border: 1px solid var(--luxe-line-soft);
    border-radius: 3px;
    color: var(--luxe-muted);
    background: #0a0c0b;
}

.payment-switch button.active,
.pay-btn.active,
.radio-card:has(input:checked) {
    border-color: var(--luxe-line);
    color: var(--luxe-ivory);
    background: rgba(216,183,101,.08);
    box-shadow: inset 0 0 0 1px rgba(216,183,101,.04);
}

.primary-button,
.cta-btn,
.cyber-btn {
    min-height: 54px;
    border: 1px solid #e8cf87;
    border-radius: 3px;
    color: #17140d;
    background: linear-gradient(110deg, #f0dda2 0%, #b78c3d 52%, #e4c56f 100%);
    box-shadow: 0 12px 34px rgba(142,104,38,.22);
    text-transform: uppercase;
}

.primary-button:hover,
.cta-btn:hover,
.cyber-btn:hover {
    color: #090a0a;
    border-color: #fff0b7;
    background: linear-gradient(110deg, #fff0bb, #c99e4e 52%, #f0d98e);
    box-shadow: 0 16px 38px rgba(142,104,38,.3);
    transform: translateY(-1px);
}

.calculation-result,
.calc-result-box,
.watch-current {
    border: 1px solid rgba(216,183,101,.42);
    border-radius: 3px;
    background: rgba(216,183,101,.05);
}

.result-primary,
.calc-row:last-child {
    color: var(--luxe-gold-light);
}

.modal-overlay {
    background: rgba(3,4,4,.82);
    backdrop-filter: blur(14px);
}

.modal-card {
    border: 1px solid var(--luxe-line);
    border-radius: 5px;
    color: var(--luxe-ivory);
    background: #101211;
    box-shadow: 0 42px 100px rgba(0,0,0,.72);
}

.modal-kicker,
.ai-agent-status,
.ai-status {
    color: var(--luxe-gold);
}

.modal-card h2 {
    font-family: var(--luxe-serif);
    font-size: 36px;
    letter-spacing: 0;
}

.modal-close,
.ai-actions button,
.ai-act-btn {
    border-color: var(--luxe-line-soft);
    border-radius: 3px;
    color: var(--luxe-muted);
    background: #0a0c0b;
}

.modal-close:hover,
.ai-actions button:hover,
.ai-act-btn:hover {
    border-color: var(--luxe-line);
    color: var(--luxe-gold-light);
}

.workspace-footer {
    border-top-color: var(--luxe-line-soft);
    color: var(--luxe-dim);
}

/* Compact app */
.app-wrap {
    max-width: 520px;
}

.app-header {
    border-bottom-color: var(--luxe-line);
    background: rgba(8,9,9,.9);
}

.header-mark {
    width: 39px;
    height: 39px;
    border-radius: 3px;
}

.header-name span,
body.theme-light .header-name span {
    color: var(--luxe-ivory);
    background: none;
    -webkit-text-fill-color: var(--luxe-ivory);
}

.rate-logo-icon.alipay-logo-animate,
.rate-logo-icon.wechat-logo-animate {
    color: var(--luxe-gold) !important;
    filter: drop-shadow(0 0 6px rgba(216,183,101,.28));
}

.bottom-nav {
    border-top-color: var(--luxe-line);
    background: rgba(8,9,9,.96);
}

.bottom-nav::before {
    background: linear-gradient(90deg, transparent, var(--luxe-gold), transparent);
}

.nav-btn.active {
    color: var(--luxe-gold-light);
    border-radius: 3px;
    background: rgba(216,183,101,.1);
    box-shadow: inset 0 0 0 1px rgba(216,183,101,.06);
}

.nav-btn.active i {
    border-radius: 3px;
    color: var(--luxe-gold-light);
    background: rgba(216,183,101,.12);
}

/* Legacy exchange page */
body > header .glass,
body > footer .glass {
    border: 1px solid var(--luxe-line);
    border-radius: 5px;
    background: rgba(9,10,10,.92);
}

.legacy-brand-logo {
    width: 40px;
    height: 40px;
    object-fit: contain;
}

.chromatic {
    color: var(--luxe-ivory) !important;
    font-family: var(--luxe-serif);
    text-shadow: none;
    letter-spacing: .05em;
}

.text-cyan,
.text-cyan-300,
.text-cyan-400,
.text-cyan-400\/60,
.text-magenta {
    color: var(--luxe-gold) !important;
}

.cyber-panel::after,
.cyber-panel::before,
.scan-line,
.corner-accent::before,
.corner-accent::after {
    display: none;
}

.cyber-panel-header {
    min-height: auto;
    padding: 18px 20px;
}

.rate-display,
.font-digital {
    color: var(--luxe-gold-light) !important;
    font-family: var(--luxe-serif);
    text-shadow: none !important;
}

.design-sig {
    color: var(--luxe-gold);
    font-family: var(--luxe-mono);
}

/* Tablet */
@media (max-width: 960px) {
    .workspace {
        margin-left: 0;
        padding: 0 22px calc(98px + env(safe-area-inset-bottom, 0px));
    }

    .topbar {
        min-height: 104px;
    }

    .mobile-nav {
        left: 12px;
        right: 12px;
        bottom: calc(10px + env(safe-area-inset-bottom, 0px));
        width: auto;
        border: 1px solid var(--luxe-line);
        border-radius: 5px;
        background: rgba(9,10,10,.96);
        box-shadow: 0 18px 60px rgba(0,0,0,.55);
        backdrop-filter: blur(20px);
    }

    .mobile-nav button {
        color: var(--luxe-muted);
    }

    .mobile-nav button.active {
        color: var(--luxe-gold-light);
        background: rgba(216,183,101,.08);
    }

    .rate-value-row > strong {
        font-size: clamp(68px, 12vw, 92px);
    }
}

/* Full mobile adaptation */
@media (max-width: 640px) {
    body {
        min-width: 320px;
    }

    .workspace {
        padding-right: 14px;
        padding-left: 14px;
    }

    .topbar {
        min-height: 92px;
        margin-right: -14px;
        margin-left: -14px;
        padding: 16px 0;
        padding-right: 14px;
        padding-left: 14px;
    }

    .eyebrow {
        display: none;
    }

    .mobile-brand {
        display: inline-flex;
        align-items: center;
        gap: 7px;
        color: var(--luxe-gold);
        font-family: var(--luxe-mono);
        font-size: 7px;
        letter-spacing: .09em;
        text-decoration: none;
    }

    .mobile-brand img {
        width: 18px;
        height: 18px;
        object-fit: contain;
    }

    .topbar > div:first-child {
        min-width: 0;
        max-width: calc(100% - 110px);
    }

    .topbar h1 {
        max-width: 100%;
        overflow-wrap: normal;
        font-size: 27px;
        white-space: nowrap;
    }

    .mobile-tools {
        flex-shrink: 0;
        gap: 4px;
    }

    .mobile-tools button {
        width: 31px;
        height: 31px;
    }

    .mobile-weather {
        max-width: 150px;
        font-size: 8px;
        margin-top: 6px;
        color: var(--luxe-dim);
    }

    .section {
        padding-top: 16px;
    }

    .terminal-panel,
    .panel {
        border-radius: 4px;
    }

    .panel-heading,
    .panel-head {
        min-height: 50px;
        padding: 0 14px;
        font-size: 9px;
    }

    .panel-index {
        padding-left: 0;
    }

    .live-badge,
    .live-pill {
        padding: 5px 7px;
        font-size: 7px;
    }

    .rate-core {
        min-height: 236px;
        padding: 42px 18px 30px;
    }

    .rate-emblem {
        right: 8px;
        bottom: 0;
        width: 40%;
    }

    .rate-value-row {
        display: block;
    }

    .rate-value-row > strong,
    .rate-value {
        display: block;
        font-size: clamp(58px, 19vw, 78px);
        line-height: .9;
        white-space: nowrap;
        overflow-wrap: normal;
        word-break: normal;
    }

    .rate-value-row > span {
        display: inline-flex;
        margin-top: 16px;
    }

    .rate-caption,
    .rate-sync {
        font-size: 8px;
    }

    .metric-cell {
        min-width: 0;
        padding: 13px 10px;
    }

    .metric-cell span {
        font-size: 7px;
    }

    .metric-cell strong {
        font-size: 11px;
        overflow-wrap: anywhere;
    }

    .quick-actions {
        grid-template-columns: 1fr;
    }

    .quick-actions button {
        min-height: 72px;
        padding: 12px 14px;
    }

    .panel-body,
    .form-body {
        padding: 18px 14px;
    }

    .form-grid {
        grid-template-columns: 1fr;
    }

    .mode-switch button,
    .seg-btn {
        min-width: 0;
        padding: 0 6px;
        font-size: 10px;
        white-space: nowrap;
    }

    .input-shell input,
    .app-input {
        font-size: 16px;
    }

    .payment-switch,
    .pay-grid {
        grid-template-columns: 1fr 1fr;
    }

    .primary-button,
    .cta-btn {
        width: 100%;
    }

    .workspace-footer {
        display: none;
    }

    .modal-card {
        width: calc(100vw - 28px);
        padding: 25px 18px 20px;
    }

    .modal-card h2 {
        font-size: 31px;
    }

    .app-wrap {
        padding-right: 12px;
        padding-left: 12px;
    }

    .app-header {
        margin-right: -12px;
        margin-left: -12px;
        padding-right: 12px;
        padding-left: 12px;
    }

    .header-brand {
        min-width: 0;
    }

    .header-name {
        font-size: 13px;
    }

    .header-sub {
        max-width: 138px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .clock-pill,
    .app-header .live-pill {
        display: none;
    }

    .quick-grid {
        grid-template-columns: 1fr 1fr;
    }

    body > header {
        margin: 8px 8px 0 !important;
    }

    body > header .glass {
        padding: 12px !important;
    }

    body > main {
        padding: 24px 12px !important;
    }

    body > main h2 {
        font-size: 2rem !important;
    }

    .cyber-panel .p-8,
    .cyber-panel .p-6 {
        padding: 18px !important;
    }

    .cyber-panel .flex.gap-4 {
        flex-direction: column;
        gap: 10px;
    }

    .cyber-btn {
        width: 100%;
        justify-content: center;
    }
}

@media (max-width: 370px) {
    .brand-mark,
    .header-mark {
        width: 34px;
        height: 34px;
    }

    .header-name {
        font-size: 12px;
    }

    .header-tools {
        gap: 5px;
    }

    .util-btn {
        width: 31px;
        height: 31px;
    }

    .rate-value-row > strong,
    .rate-value {
        font-size: 55px;
    }

    .mode-switch button,
    .seg-btn {
        font-size: 9px;
    }
}

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