/* Modern DeFi miner detail page. */
:root {
    --od-bg: #0b0e11;
    --od-panel: #181a20;
    --od-line: rgba(255,255,255,.08);
    --od-text: #f5f5f5;
    --od-muted: #9aa4b2;
    --od-yellow: #fcd535;
    --od-green: #0ecb81;
    --od-red: #f6465d;
    --od-radius: 24px;
}
body {
    background:
        radial-gradient(circle at 12% 8%, rgba(14,203,129,.12), transparent 30%),
        radial-gradient(circle at 86% 10%, rgba(252,213,53,.10), transparent 28%),
        linear-gradient(180deg, #0b0e11 0%, #11141a 100%) !important;
    color: var(--od-text);
    font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, "PingFang SC", "Microsoft YaHei", sans-serif;
}
.css-ogtd7z { display: none !important; }
.css-1wr4jig {
    background: transparent !important;
}
.css-1odg5z2 {
    position: relative !important;
    top: 0 !important;
    height: 320px !important;
    overflow: hidden;
    background:
        radial-gradient(circle at 70% 38%, rgba(14,203,129,.22), transparent 24%),
        linear-gradient(120deg, #0b0e11 0%, #0d202d 50%, #11141a 100%) !important;
    border-bottom: 1px solid rgba(252,213,53,.14);
}
.css-1odg5z2::before {
    background-image: url(/Public/Home/static/imgs/banner_toy.png) !important;
    background-size: 520px auto !important;
    background-position: 75% center !important;
    opacity: .62;
}
.css-1odg5z2::after {
    content: "";
    position: absolute;
    inset: auto 0 0;
    height: 120px;
    background: linear-gradient(180deg, transparent, #11141a);
}
.css-1xrgo9z {
    width: min(1360px, calc(100vw - 96px));
    height: 320px !important;
    margin: 0 auto !important;
    padding: 58px 0 74px !important;
    justify-content: flex-start !important;
}
.css-1xrgo9z[style] {
    margin-left: auto !important;
    margin-top: 0 !important;
}
.css-1xrgo9z p {
    margin: 0;
}
.css-1xrgo9z p:first-child {
    color: #fff;
    font-size: clamp(44px, 5vw, 70px) !important;
    line-height: 1;
    font-weight: 900;
}
.css-1xrgo9z p:last-child {
    margin-top: 18px;
    color: #c5ccd6;
    font-size: 18px !important;
    font-weight: 700;
}
.css-uliqdc > div:first-child {
    width: min(1360px, calc(100vw - 96px)) !important;
    min-height: 560px !important;
    margin: 0 auto !important;
    padding: 46px 0 92px !important;
    background: transparent !important;
}
.css-uliqdc > div:first-child > div:first-child {
    width: 100% !important;
    height: auto !important;
    min-height: 0 !important;
    padding: 28px !important;
    border: 1px solid var(--od-line);
    border-radius: var(--od-radius) !important;
    background:
        radial-gradient(circle at 92% 10%, rgba(14,203,129,.12), transparent 30%),
        linear-gradient(180deg, rgba(30,35,41,.98), rgba(17,20,26,.98)) !important;
    box-shadow: 0 28px 76px rgba(0,0,0,.32) !important;
}
.css-uliqdc > div:first-child > div:first-child > div:first-child {
    height: auto !important;
    display: grid;
    grid-template-columns: 1.08fr .86fr .78fr;
    gap: 28px;
}
.css-uliqdc > div:first-child > div:first-child > div:first-child > div {
    width: auto !important;
    height: auto !important;
    float: none !important;
    padding: 0 !important;
}
.css-uliqdc div[style*="background:#fff"] {
    background: transparent !important;
}
.css-uliqdc div[style*="height:240px"],
.css-uliqdc div[style*="height:280px"],
.css-uliqdc div[style*="height:230px"] {
    height: auto !important;
}
.css-uliqdc img {
    max-width: 110px !important;
    width: 110px !important;
    height: 110px !important;
    object-fit: contain;
    padding: 18px;
    border: 1px solid rgba(252,213,53,.18);
    border-radius: 24px;
    background: rgba(252,213,53,.06);
}
.css-uliqdc div[style*="width:25%"] {
    width: 126px !important;
    height: auto !important;
    line-height: 1 !important;
}
.css-uliqdc div[style*="width:75%"] {
    width: calc(100% - 146px) !important;
    padding: 0 !important;
}
.css-uliqdc span {
    color: #c5ccd6 !important;
    font-size: 13px !important;
    line-height: 1.55 !important;
}
.css-uliqdc .fch {
    color: #fff !important;
    font-size: 24px !important;
    font-weight: 900 !important;
}
.css-uliqdc .fcy {
    color: var(--od-green) !important;
    font-weight: 900 !important;
}
.css-uliqdc div[style*="height:30px"],
.css-uliqdc div[style*="min-height:30px"] {
    height: auto !important;
    min-height: 30px !important;
    margin-bottom: 8px;
}
.progress {
    height: 12px !important;
    overflow: hidden;
    border-radius: 999px !important;
    background: rgba(255,255,255,.08) !important;
}
.progress-bar {
    height: 100%;
    min-width: 42px;
    color: #181a20 !important;
    background: linear-gradient(90deg, var(--od-yellow), var(--od-green)) !important;
    font-size: 10px !important;
    font-weight: 900;
}
.infobox_1 {
    min-height: 44px !important;
    margin-bottom: 14px;
    display: grid;
    grid-template-columns: 98px minmax(0, 1fr);
    gap: 14px;
    align-items: center;
}
.infobox_1l,
.infobox_1r {
    width: auto !important;
    float: none !important;
}
.festyle {
    width: 86px !important;
    height: 36px !important;
    line-height: 34px !important;
    border-radius: 999px !important;
    background: rgba(255,255,255,.06);
}
.feactive {
    border: 1px solid var(--od-yellow) !important;
    background: rgba(252,213,53,.10);
}
.fenc {
    border: 1px solid rgba(255,255,255,.14) !important;
}
.copyurl,
.buybtn {
    border-radius: 999px !important;
    color: #181a20 !important;
    background: linear-gradient(135deg, var(--od-yellow), #f0b90b) !important;
    font-weight: 900;
    text-decoration: none !important;
}
.copyurl {
    padding: 8px 14px !important;
}
.buybtn {
    width: 100% !important;
    height: 46px !important;
    line-height: 46px !important;
    margin-top: 24px !important;
    box-shadow: 0 16px 34px rgba(240,185,11,.22);
}
.buybtn span {
    color: #181a20 !important;
    font-weight: 900 !important;
}
.layui-layer-msg {
    z-index: 19893000 !important;
}
@media (max-width: 1100px) {
    .css-1xrgo9z,
    .css-uliqdc > div:first-child {
        width: calc(100vw - 28px) !important;
    }
    .css-uliqdc > div:first-child > div:first-child > div:first-child {
        grid-template-columns: 1fr;
    }
}