/* ========== 百分比宽度（进度条用，JS 只切换类名） ========== */
.pw-0 {
    width: 0;
}

.pw-1 {
    width: 1%;
}

.pw-2 {
    width: 2%;
}

.pw-3 {
    width: 3%;
}

.pw-4 {
    width: 4%;
}

.pw-5 {
    width: 5%;
}

.pw-6 {
    width: 6%;
}

.pw-7 {
    width: 7%;
}

.pw-8 {
    width: 8%;
}

.pw-9 {
    width: 9%;
}

.pw-10 {
    width: 10%;
}

.pw-11 {
    width: 11%;
}

.pw-12 {
    width: 12%;
}

.pw-13 {
    width: 13%;
}

.pw-14 {
    width: 14%;
}

.pw-15 {
    width: 15%;
}

.pw-16 {
    width: 16%;
}

.pw-17 {
    width: 17%;
}

.pw-18 {
    width: 18%;
}

.pw-19 {
    width: 19%;
}

.pw-20 {
    width: 20%;
}

.pw-21 {
    width: 21%;
}

.pw-22 {
    width: 22%;
}

.pw-23 {
    width: 23%;
}

.pw-24 {
    width: 24%;
}

.pw-25 {
    width: 25%;
}

.pw-26 {
    width: 26%;
}

.pw-27 {
    width: 27%;
}

.pw-28 {
    width: 28%;
}

.pw-29 {
    width: 29%;
}

.pw-30 {
    width: 30%;
}

.pw-31 {
    width: 31%;
}

.pw-32 {
    width: 32%;
}

.pw-33 {
    width: 33%;
}

.pw-34 {
    width: 34%;
}

.pw-35 {
    width: 35%;
}

.pw-36 {
    width: 36%;
}

.pw-37 {
    width: 37%;
}

.pw-38 {
    width: 38%;
}

.pw-39 {
    width: 39%;
}

.pw-40 {
    width: 40%;
}

.pw-41 {
    width: 41%;
}

.pw-42 {
    width: 42%;
}

.pw-43 {
    width: 43%;
}

.pw-44 {
    width: 44%;
}

.pw-45 {
    width: 45%;
}

.pw-46 {
    width: 46%;
}

.pw-47 {
    width: 47%;
}

.pw-48 {
    width: 48%;
}

.pw-49 {
    width: 49%;
}

.pw-50 {
    width: 50%;
}

.pw-51 {
    width: 51%;
}

.pw-52 {
    width: 52%;
}

.pw-53 {
    width: 53%;
}

.pw-54 {
    width: 54%;
}

.pw-55 {
    width: 55%;
}

.pw-56 {
    width: 56%;
}

.pw-57 {
    width: 57%;
}

.pw-58 {
    width: 58%;
}

.pw-59 {
    width: 59%;
}

.pw-60 {
    width: 60%;
}

.pw-61 {
    width: 61%;
}

.pw-62 {
    width: 62%;
}

.pw-63 {
    width: 63%;
}

.pw-64 {
    width: 64%;
}

.pw-65 {
    width: 65%;
}

.pw-66 {
    width: 66%;
}

.pw-67 {
    width: 67%;
}

.pw-68 {
    width: 68%;
}

.pw-69 {
    width: 69%;
}

.pw-70 {
    width: 70%;
}

.pw-71 {
    width: 71%;
}

.pw-72 {
    width: 72%;
}

.pw-73 {
    width: 73%;
}

.pw-74 {
    width: 74%;
}

.pw-75 {
    width: 75%;
}

.pw-76 {
    width: 76%;
}

.pw-77 {
    width: 77%;
}

.pw-78 {
    width: 78%;
}

.pw-79 {
    width: 79%;
}

.pw-80 {
    width: 80%;
}

.pw-81 {
    width: 81%;
}

.pw-82 {
    width: 82%;
}

.pw-83 {
    width: 83%;
}

.pw-84 {
    width: 84%;
}

.pw-85 {
    width: 85%;
}

.pw-86 {
    width: 86%;
}

.pw-87 {
    width: 87%;
}

.pw-88 {
    width: 88%;
}

.pw-89 {
    width: 89%;
}

.pw-90 {
    width: 90%;
}

.pw-91 {
    width: 91%;
}

.pw-92 {
    width: 92%;
}

.pw-93 {
    width: 93%;
}

.pw-94 {
    width: 94%;
}

.pw-95 {
    width: 95%;
}

.pw-96 {
    width: 96%;
}

.pw-97 {
    width: 97%;
}

.pw-98 {
    width: 98%;
}

.pw-99 {
    width: 99%;
}

.pw-100 {
    width: 100%;
}

/* ========== 基础 ========== */
* {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
}

[hidden] {
    display: none !important;
}

html {
    -webkit-text-size-adjust: 100%;
}

body {
    background: #f5f6f8;
    color: #0d0f14;
    font-family: -apple-system,
    BlinkMacSystemFont,
    "SF Pro Text",
    "Helvetica Neue",
    "PingFang SC",
    "Microsoft YaHei",
    sans-serif;
    -webkit-font-smoothing: antialiased;
    font-variant-numeric: tabular-nums;
}

button {
    font-family: inherit;
    color: inherit;
    background: none;
    border: 0;
    cursor: pointer;
    text-align: inherit;
    -webkit-tap-highlight-color: transparent;
}

a {
    color: inherit;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

svg {
    fill: none;
    stroke: currentColor;
    stroke-width: 1.8;
    stroke-linecap: round;
    stroke-linejoin: round;
    flex: none;
}

.flygo-market-ic {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
}

.flygo-market-ic-15 {
    width: calc(100vw / 390 * 15);
    height: calc(100vw / 390 * 15);
}

.flygo-market-ic-14 {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
}

button:focus-visible,
.flygo-market-app a:focus-visible {
    outline: 2px solid #fd2a3a;
    outline-offset: 2px;
}

/* 涨跌色：html.flygo-market-gu = 绿涨红跌（默认），html.flygo-market-ru = 红涨绿跌 */
.flygo-market-gu .flygo-market-up {
    color: #0fa968;
}

.flygo-market-gu .flygo-market-down {
    color: #fd2a3a;
}

.flygo-market-ru .flygo-market-up {
    color: #fd2a3a;
}

.flygo-market-ru .flygo-market-down {
    color: #0fa968;
}

.flygo-market-flat {
    color: #6b7280;
}

.flygo-market-gu .flygo-market-bg-up {
    background: rgba(15,
    169,
    104,
    0.1);
}

.flygo-market-gu .flygo-market-bg-down {
    background: rgba(253,
    42,
    58,
    0.1);
}

.flygo-market-ru .flygo-market-bg-up {
    background: rgba(253,
    42,
    58,
    0.1);
}

.flygo-market-ru .flygo-market-bg-down {
    background: rgba(15,
    169,
    104,
    0.1);
}

.flygo-market-bg-flat {
    background: #f5f6f8;
}

/* 加载骨架 */
.flygo-market-sk {
    color: transparent !important;
    background: linear-gradient(90deg,
    #eef0f3 0%,
    #f7f8fa 50%,
    #eef0f3 100%) 0 0 / 200% 100%;
    border-radius: calc(100vw / 390 * 6);
    animation: sk 1.3s linear infinite;
}

.flygo-market-sk * {
    color: transparent !important;
}

@keyframes sk {
    to {
        background-position: -200% 0;
    }
}

/* ========== 页面 ========== */
.flygo-market-app {
    position: relative;
    min-height: 100vh;
    background: #f5f6f8;
    padding-bottom: calc(calc(100vw / 390 * 92) + env(safe-area-inset-bottom));
}

/* 顶栏 */
.flygo-market-nav {
    position: sticky;
    top: 0;
    z-index: 30;
    height: calc(100vw / 390 * 52);
    padding: 0 calc(100vw / 390 * 6);
    background: rgba(255,
    255,
    255,
    0.9);
    backdrop-filter: saturate(180%) blur(calc(100vw / 390 * 16));
    -webkit-backdrop-filter: saturate(180%) blur(calc(100vw / 390 * 16));
    border-bottom: 1px solid transparent;
    transition: border-color 0.2s;
}

.flygo-market-nav.flygo-market-scrolled {
    border-bottom-color: #eceef2;
}

.flygo-market-nav-side {
    width: calc(100vw / 390 * 88);
    flex: none;
}

.flygo-market-icon-btn {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 12);
    color: #1f2328;
    flex: none;
}

.flygo-market-icon-btn:active {
    background: rgba(0,
    0,
    0,
    0.05);
}

.flygo-market-nav-title {
    flex: 1;
    min-width: 0;
}

.flygo-market-t-nav-pair {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 700;
}

.flygo-market-t-nav-pair-q {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    color: #9aa0aa;
    white-space: pre;
}

.flygo-market-nav-sub {
    position: relative;
    width: 100%;
    height: calc(100vw / 390 * 13);
    margin-top: calc(100vw / 390 * 4);
    overflow: hidden;
}

.flygo-market-nav-sub-a,
.flygo-market-nav-sub-b {
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    text-align: center;
    white-space: nowrap;
    transition: transform 0.32s cubic-bezier(0.2,
    0.8,
    0.2,
    1),
    opacity 0.32s;
}

.flygo-market-t-nav-sub {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #6b7280;
}

.flygo-market-nav-sub-b {
    transform: translateY(100%);
    opacity: 0;
    font-weight: 600;
}

.flygo-market-nav.flygo-market-scrolled .flygo-market-nav-sub-a {
    transform: translateY(-100%);
    opacity: 0;
}

.flygo-market-nav.flygo-market-scrolled .flygo-market-nav-sub-b {
    transform: none;
    opacity: 1;
}

/* 行情头 */
.flygo-market-quote {
    background: #ffffff;
    padding: calc(100vw / 390 * 6) calc(100vw / 390 * 16) calc(100vw / 390 * 16);
}

.flygo-market-quote-head {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-market-token {
    min-width: 0;
}

.flygo-market-token-mark {
    width: calc(100vw / 390 * 38);
    height: calc(100vw / 390 * 38);
    flex: none;
    margin-right: calc(100vw / 390 * 10);
    border-radius: 50%;
    background: radial-gradient(120% 120% at 30% 20%,
    #ff5a66 0%,
    #fd2a3a 55%,
    #d7101f 100%);
    box-shadow: inset 0 0 0 calc(100vw / 390 * 1.5) rgba(255,
    255,
    255,
    0.28),
    0 calc(100vw / 390 * 4) calc(100vw / 390 * 10) rgba(253,
            42,
            58,
            0.22);
}

.flygo-market-t-token-mark {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 800;
    color: #ffffff;
    letter-spacing: calc(100vw / 390 * 0.4);
}

.flygo-market-token-meta {
    min-width: 0;
}

.flygo-market-t-token-name {
    font-size: calc(100vw / 390 * 17);
    line-height: 1;
    height: calc(100vw / 390 * 17);
    font-weight: 700;
}

.flygo-market-tag {
    height: calc(100vw / 390 * 20);
    margin-left: calc(100vw / 390 * 6);
    padding: 0 calc(100vw / 390 * 6);
    border-radius: calc(100vw / 390 * 6);
    background: #f5f6f8;
}

.flygo-market-t-tag {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #6b7280;
}

.flygo-market-t-token-sub {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    margin-top: calc(100vw / 390 * 6);
    color: #9aa0aa;
    white-space: nowrap;
}

.flygo-market-live {
    flex: none;
    height: calc(100vw / 390 * 26);
    padding: 0 calc(100vw / 390 * 10) 0 calc(100vw / 390 * 9);
    border-radius: calc(100vw / 390 * 999);
    background: #fff1f2;
}

.flygo-market-live-dot {
    position: relative;
    width: calc(100vw / 390 * 7);
    height: calc(100vw / 390 * 7);
    flex: none;
    margin-right: calc(100vw / 390 * 6);
    border-radius: 50%;
    background: #fd2a3a;
}

.flygo-market-live-dot::after {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    border-radius: 50%;
    background: #fd2a3a;
    animation: pulse 2s ease-out infinite;
}

.flygo-market-t-live {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 500;
    color: #b4121f;
    white-space: nowrap;
}

.flygo-market-live.flygo-market-stale {
    background: #f5f6f8;
}

.flygo-market-live.flygo-market-stale .flygo-market-t-live {
    color: #6b7280;
}

.flygo-market-live.flygo-market-stale .flygo-market-live-dot,
.flygo-market-live.flygo-market-stale .flygo-market-live-dot::after {
    background: #c2c6ce;
    animation: none;
}

@keyframes pulse {
    0% {
        transform: scale(1);
        opacity: 0.8;
    }
    75%,
    100% {
        transform: scale(2.8);
        opacity: 0;
    }
}

.flygo-market-quote-left {
    flex: 1;
    min-width: 0;
}

.flygo-market-price {
    margin-left: calc(100vw / 390 * -3);
    padding: 0 calc(100vw / 390 * 3);
    border-radius: calc(100vw / 390 * 8);
    white-space: nowrap;
}

.flygo-market-t-price {
    font-size: calc(100vw / 390 * 30);
    line-height: 1;
    height: calc(100vw / 390 * 30);
    font-weight: 700;
    letter-spacing: calc(100vw / 390 * -0.9);
}

.flygo-market-t-price-unit {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    margin-left: calc(100vw / 390 * 6);
    font-weight: 600;
    color: #6b7280;
}

.flygo-market-t-price-unit:empty {
    display: none;
}

.flygo-market-gu .flygo-market-price.flygo-market-flash-up,
.flygo-market-ru .flygo-market-price.flygo-market-flash-down {
    animation: flash-g 0.9s ease;
}

.flygo-market-gu .flygo-market-price.flygo-market-flash-down,
.flygo-market-ru .flygo-market-price.flygo-market-flash-up {
    animation: flash-r 0.9s ease;
}

@keyframes flash-g {
    0% {
        background: rgba(15,
        169,
        104,
        0.12);
    }
}

@keyframes flash-r {
    0% {
        background: rgba(253,
        42,
        58,
        0.12);
    }
}

.flygo-market-price-sub {
    margin-top: calc(100vw / 390 * 10);
    white-space: nowrap;
}

.flygo-market-chg {
    margin-right: calc(100vw / 390 * 8);
    padding: calc(100vw / 390 * 3) calc(100vw / 390 * 7);
    border-radius: calc(100vw / 390 * 6);
}

.flygo-market-t-chg {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 700;
}

.flygo-market-t-alt {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #6b7280;
}

.flygo-market-quote-right {
    flex: none;
    margin-left: calc(100vw / 390 * 14);
}

.flygo-market-q-row + .flygo-market-q-row {
    margin-top: calc(100vw / 390 * 6);
}

.flygo-market-t-q-label {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #9aa0aa;
    white-space: nowrap;
}

.flygo-market-t-q-val {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    min-width: calc(100vw / 390 * 64);
    margin-left: calc(100vw / 390 * 14);
    font-weight: 600;
    text-align: right;
    white-space: nowrap;
}

/* 图表 */
.flygo-market-chart-card {
    background: #ffffff;
    border-top: 1px solid #f3f4f6;
}

.flygo-market-chart-tools {
    padding: calc(100vw / 390 * 8) calc(100vw / 390 * 10) calc(100vw / 390 * 2);
}

.flygo-market-tf-seg {
    min-width: 0;
    overflow-x: auto;
    scrollbar-width: none;
}

.flygo-market-tf-seg::-webkit-scrollbar {
    display: none;
}

.flygo-market-seg-btn {
    flex: none;
    height: calc(100vw / 390 * 30);
    margin-right: calc(100vw / 390 * 2);
    padding: 0 calc(100vw / 390 * 9);
    border-radius: calc(100vw / 390 * 8);
    transition: background 0.15s;
}

.flygo-market-t-tf {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 500;
    color: #6b7280;
    white-space: nowrap;
}

.flygo-market-seg-btn[aria-selected="true"] {
    background: #eff1f4;
}

.flygo-market-seg-btn[aria-selected="true"] .flygo-market-t-tf {
    font-weight: 600;
    color: #0d0f14;
}

.flygo-market-ind {
    flex: none;
    margin-left: calc(100vw / 390 * 8);
}

.flygo-market-ind-btn {
    height: calc(100vw / 390 * 26);
    margin-left: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 7);
    border-radius: calc(100vw / 390 * 7);
    border: 1px solid #eceef2;
}

.flygo-market-t-ind {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 600;
    color: #9aa0aa;
}

.flygo-market-ind-btn[aria-pressed="true"] {
    border-color: #d8dce3;
    background: #fafbfc;
}

.flygo-market-ind-btn[aria-pressed="true"] .flygo-market-t-ind {
    color: #3f4550;
}

.flygo-market-legend {
    min-height: calc(100vw / 390 * 38);
    padding: calc(100vw / 390 * 6) calc(100vw / 390 * 14) 0;
    align-content: flex-start;
}

.flygo-market-lg {
    margin: 0 calc(100vw / 390 * 10) calc(100vw / 390 * 6) 0;
    white-space: nowrap;
}

.flygo-market-t-lg {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9aa0aa;
}

.flygo-market-t-lg .flygo-market-v {
    font-weight: 600;
    color: #3f4550;
}

.flygo-market-t-lg .flygo-market-vc {
    font-weight: 600;
}

.flygo-market-ma7c {
    color: #e3a008;
}

.flygo-market-ma25c {
    color: #6d5df5;
}

.flygo-market-chart-wrap {
    position: relative;
    height: calc(100vw / 390 * 340);
}

.flygo-market-chart {
    position: absolute;
    top: 0;
    bottom: 0;
    left: calc(100vw / 390 * 4);
    right: calc(100vw / 390 * 2);
}

.flygo-market-chart-state {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255,
    255,
    255,
    0.72);
    cursor: default;
}

.flygo-market-t-chart-state {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #9aa0aa;
}

.flygo-market-chart-state.flygo-market-clickable {
    cursor: pointer;
}

.flygo-market-chart-state.flygo-market-clickable .flygo-market-t-chart-state {
    color: #fd2a3a;
}

/* 关键数据带 */
.flygo-market-strip {
    padding: calc(100vw / 390 * 14) 0;
    background: #ffffff;
    border-top: 1px solid #f3f4f6;
}

.flygo-market-strip-cell {
    flex: 1;
    min-width: 0;
    padding: 0 calc(100vw / 390 * 12);
    border-left: 1px solid #f3f4f6;
}

.flygo-market-strip-cell:first-child {
    padding-left: calc(100vw / 390 * 16);
    border-left: 0;
}

.flygo-market-t-strip-label {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9aa0aa;
    white-space: nowrap;
}

.flygo-market-t-strip-val {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    margin-top: calc(100vw / 390 * 7);
    font-weight: 700;
    white-space: nowrap;
}

/* 分页 */
.flygo-market-panel {
    min-height: 70vh;
    margin-top: calc(100vw / 390 * 8);
    background: #ffffff;
}

.flygo-market-tabs {
    position: sticky;
    top: 0;
    z-index: 20;
    padding: 0 calc(100vw / 390 * 16);
    background: #ffffff;
    border-bottom: 1px solid #eceef2;
    overflow-x: auto;
    scrollbar-width: none;
}

.flygo-market-tabs::-webkit-scrollbar {
    display: none;
}

.flygo-market-tab {
    position: relative;
    flex: none;
    height: calc(100vw / 390 * 46);
    margin-right: calc(100vw / 390 * 24);
}

.flygo-market-tab:last-child {
    margin-right: 0;
}

.flygo-market-t-tab {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    font-weight: 500;
    color: #6b7280;
    white-space: nowrap;
}

.flygo-market-tab[aria-selected="true"] .flygo-market-t-tab {
    font-weight: 700;
    color: #0d0f14;
}

.flygo-market-tab[aria-selected="true"]::after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: calc(100vw / 390 * -1);
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 3);
    border-radius: calc(100vw / 390 * 3);
    background: #fd2a3a;
    transform: translateX(-50%);
    animation: grow 0.25s ease;
}

@keyframes grow {
    from {
        width: 0;
    }
}

.flygo-market-tab-body {
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 16) calc(100vw / 390 * 24);
    animation: fade-in 0.25s ease;
}

@keyframes fade-in {
    from {
        opacity: 0;
        transform: translateY(calc(100vw / 390 * 4));
    }
}

/* 成交 */
.flygo-market-pressure {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-market-t-pressure {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #6b7280;
    white-space: nowrap;
}

.flygo-market-t-pressure .flygo-market-n {
    font-weight: 700;
}

.flygo-market-t-pressure .flygo-market-m {
    font-weight: 600;
    color: #3f4550;
}

.flygo-market-pbar {
    height: calc(100vw / 390 * 6);
    margin-top: calc(100vw / 390 * 10);
    border-radius: calc(100vw / 390 * 6);
    overflow: hidden;
}

.flygo-market-gu .flygo-market-pbar {
    background: #fd2a3a;
}

.flygo-market-ru .flygo-market-pbar {
    background: #0fa968;
}

.flygo-market-pbar-buy {
    height: 100%;
    border-right: 2px solid #ffffff;
    transition: width 0.6s cubic-bezier(0.2,
    0.8,
    0.2,
    1);
}

.flygo-market-gu .flygo-market-pbar-buy {
    background: #0fa968;
}

.flygo-market-ru .flygo-market-pbar-buy {
    background: #fd2a3a;
}

.flygo-market-t-foot {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    margin-top: calc(100vw / 390 * 8);
    color: #9aa0aa;
}

.flygo-market-th {
    padding: calc(100vw / 390 * 8) 0;
    border-bottom: 1px solid #f3f4f6;
}

.flygo-market-c-time {
    width: calc(100vw / 390 * 58);
    flex: none;
}

.flygo-market-c-side {
    width: calc(100vw / 390 * 34);
    flex: none;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-market-c-price {
    flex: 1;
    min-width: 0;
    margin-left: calc(100vw / 390 * 6);
    text-align: right;
}

.flygo-market-c-amt {
    width: calc(100vw / 390 * 66);
    flex: none;
    margin-left: calc(100vw / 390 * 6);
    text-align: right;
}

.flygo-market-c-val {
    width: calc(100vw / 390 * 64);
    flex: none;
    margin-left: calc(100vw / 390 * 6);
    text-align: right;
}

.flygo-market-t-th {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9aa0aa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-market-trade {
    height: calc(100vw / 390 * 40);
    border-bottom: 1px solid #f3f4f6;
}

.flygo-market-trade:active {
    background: #f5f6f8;
}

.flygo-market-trade.flygo-market-is-new {
    animation: row-in 1.4s cubic-bezier(0.2,
    0.8,
    0.2,
    1);
}

@keyframes row-in {
    0% {
        background: #fff6dc;
        transform: translateY(calc(100vw / 390 * -8));
        opacity: 0;
    }
    18% {
        transform: none;
        opacity: 1;
    }
}

.flygo-market-t-td {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    white-space: nowrap;
}

.flygo-market-t-td.flygo-market-c-time {
    color: #6b7280;
}

.flygo-market-t-td.flygo-market-c-side,
.flygo-market-t-td.flygo-market-c-price {
    font-weight: 600;
}

.flygo-market-empty {
    padding: calc(100vw / 390 * 28) 0;
}

.flygo-market-t-empty {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #9aa0aa;
}

.flygo-market-more {
    height: calc(100vw / 390 * 46);
    margin-top: calc(100vw / 390 * 6);
    color: #6b7280;
}

.flygo-market-t-more {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #6b7280;
}

.flygo-market-more-ic {
    margin-left: calc(100vw / 390 * 4);
}

/* 数据 */
.flygo-market-block {
    margin-bottom: calc(100vw / 390 * 26);
}

.flygo-market-block:last-child {
    margin-bottom: calc(100vw / 390 * 4);
}

.flygo-market-block-head {
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-market-t-h4 {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    font-weight: 700;
}

.flygo-market-t-h4-sub {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    margin-left: calc(100vw / 390 * 10);
    color: #9aa0aa;
    white-space: nowrap;
}

.flygo-market-cell {
    width: calc((100% - calc(100vw / 390 * 16)) / 3);
    margin-right: calc(100vw / 390 * 8);
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 12);
    border-radius: calc(100vw / 390 * 12);
    background: #f5f6f8;
}

.flygo-market-cell:nth-child(3n) {
    margin-right: 0;
}

.flygo-market-cell:nth-child(n+4) {
    margin-top: calc(100vw / 390 * 8);
}

.flygo-market-t-cell-label {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9aa0aa;
}

.flygo-market-t-cell-val {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    margin-top: calc(100vw / 390 * 7);
    font-weight: 700;
}

.flygo-market-tr {
    min-height: calc(100vw / 390 * 38);
    border-top: 1px solid #f3f4f6;
}

.flygo-market-tr-head {
    min-height: calc(100vw / 390 * 28);
    border-top: 0;
}

.flygo-market-td {
    flex: 1;
    min-width: 0;
    text-align: right;
}

.flygo-market-td-first {
    flex: 1.3;
    text-align: left;
}

.flygo-market-t-tdc {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 500;
    white-space: nowrap;
}

.flygo-market-tr-head .flygo-market-t-tdc {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9aa0aa;
}

.flygo-market-td-first.flygo-market-t-tdc {
    font-weight: 400;
    color: #6b7280;
}

.flygo-market-tr-head .flygo-market-td-first.flygo-market-t-tdc {
    color: #9aa0aa;
}

.flygo-market-t-note {
    font-size: calc(100vw / 390 * 12);
    line-height: calc(100vw / 390 * 19);
    margin-top: calc(100vw / 390 * 8);
    color: #9aa0aa;
}

.flygo-market-split-bar {
    height: calc(100vw / 390 * 10);
    border-radius: calc(100vw / 390 * 10);
    overflow: hidden;
    background: #f5f6f8;
}

.flygo-market-sb-seg {
    height: 100%;
    flex: none;
    transition: width 0.8s cubic-bezier(0.2,
    0.8,
    0.2,
    1);
}

.flygo-market-sb-seg + .flygo-market-sb-seg {
    border-left: 2px solid #ffffff;
}

.flygo-market-sb-a {
    background: #fd2a3a;
}

.flygo-market-sb-b {
    background: #5856d6;
}

.flygo-market-sb-c {
    background: #c9cdd4;
}

.flygo-market-split-legend {
    margin-top: calc(100vw / 390 * 12);
}

.flygo-market-dot {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    flex: none;
    margin-right: calc(100vw / 390 * 6);
    border-radius: 50%;
}

.flygo-market-t-split {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #6b7280;
    white-space: nowrap;
}

.flygo-market-t-split .flygo-market-v {
    margin-left: calc(100vw / 390 * 4);
    font-weight: 600;
    color: #0d0f14;
}

/* 链上 */
.flygo-market-kv {
    min-height: calc(100vw / 390 * 46);
    border-bottom: 1px solid #f3f4f6;
}

.flygo-market-t-kv-k {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    flex: none;
    margin-right: calc(100vw / 390 * 12);
    color: #6b7280;
    white-space: nowrap;
}

.flygo-market-t-kv-v {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    min-width: 0;
    font-weight: 500;
    text-align: right;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-market-addr {
    min-width: 0;
}

.flygo-market-t-mono {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    margin-right: calc(100vw / 390 * 2);
    font-family: ui-monospace,
    "SF Mono",
    Menlo,
    Consolas,
    monospace;
    white-space: nowrap;
}

.flygo-market-mini-btn {
    width: calc(100vw / 390 * 30);
    height: calc(100vw / 390 * 30);
    flex: none;
    margin-left: calc(100vw / 390 * 6);
    border-radius: calc(100vw / 390 * 9);
    background: #f5f6f8;
    color: #6b7280;
}

.flygo-market-mini-btn:active {
    background: #eaecef;
}

.flygo-market-links {
    margin-top: calc(100vw / 390 * 18);
}

.flygo-market-link-btn {
    flex: 1;
    min-width: 0;
    height: calc(100vw / 390 * 44);
    padding: 0 calc(100vw / 390 * 8);
    border-radius: calc(100vw / 390 * 12);
    border: 1px solid #eceef2;
}

.flygo-market-link-btn + .flygo-market-link-btn {
    margin-left: calc(100vw / 390 * 8);
}

.flygo-market-link-btn:active {
    background: #f5f6f8;
}

.flygo-market-t-link {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #3f4550;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 算力 */
.flygo-market-mine {
    padding: calc(100vw / 390 * 16);
    border-radius: calc(100vw / 390 * 16);
    background: linear-gradient(160deg,
    #fbfbfd 0%,
    #f4f4fb 100%);
    border: 1px solid #efeff6;
}

.flygo-market-t-mine-title {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    font-weight: 700;
}

.flygo-market-lock {
    color: #9aa0aa;
}

.flygo-market-t-lock {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    margin-left: calc(100vw / 390 * 4);
    color: #9aa0aa;
    white-space: nowrap;
}

.flygo-market-mine-grid {
    margin: calc(100vw / 390 * 16) 0;
}

.flygo-market-mine-cell {
    flex: 1;
    min-width: 0;
}

.flygo-market-mine-cell + .flygo-market-mine-cell {
    margin-left: calc(100vw / 390 * 8);
}

.flygo-market-t-mine-label {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9aa0aa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-market-t-mine-val {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    margin-top: calc(100vw / 390 * 7);
    color: #c3c7cf;
}

.flygo-market-btn-primary,
.flygo-market-btn-ghost,
.flygo-market-btn-outline {
    min-width: 0;
    height: calc(100vw / 390 * 44);
    padding: 0 calc(100vw / 390 * 14);
    border-radius: calc(100vw / 390 * 999);
}

.flygo-market-btn-primary {
    background: #fd2a3a;
    box-shadow: 0 calc(100vw / 390 * 4) calc(100vw / 390 * 12) rgba(253,
    42,
    58,
    0.22);
}

.flygo-market-btn-primary:active {
    background: #e01b2b;
}

.flygo-market-btn-ghost {
    background: #ffffff;
    border: 1px solid #fbd5d8;
}

.flygo-market-btn-outline {
    width: 100%;
    background: #ffffff;
    border: 1px solid #e4e5ee;
}

.flygo-market-btn-block {
    width: 100%;
    margin-top: calc(100vw / 390 * 18);
}

.flygo-market-t-btn {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 600;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-market-btn-primary .flygo-market-t-btn {
    color: #ffffff;
}

.flygo-market-btn-ghost .flygo-market-t-btn {
    color: #fd2a3a;
}

.flygo-market-rule {
    margin-top: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 18) calc(100vw / 390 * 16) calc(100vw / 390 * 16);
    border-radius: calc(100vw / 390 * 16);
    background: #faf5f3;
    border: 1px solid #f6e7e3;
}

.flygo-market-t-rule-title {
    font-size: calc(100vw / 390 * 20);
    line-height: 1;
    height: calc(100vw / 390 * 20);
    font-weight: 700;
}

.flygo-market-t-rule-text {
    font-size: calc(100vw / 390 * 14);
    line-height: calc(100vw / 390 * 23);
    margin: calc(100vw / 390 * 12) 0 calc(100vw / 390 * 14);
    color: #4b5563;
}

.flygo-market-rule-actions .flygo-market-btn-primary,
.flygo-market-rule-actions .flygo-market-btn-ghost {
    flex: 1;
}

.flygo-market-rule-actions .flygo-market-btn-ghost {
    margin-left: calc(100vw / 390 * 8);
}

.flygo-market-flow,
.flygo-market-roadmap {
    margin-top: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 16);
    border-radius: calc(100vw / 390 * 16);
    border: 1px solid #eceef2;
}

.flygo-market-flow-head {
    margin-bottom: calc(100vw / 390 * 18);
}

.flygo-market-t-flow-title {
    font-size: calc(100vw / 390 * 17);
    line-height: 1;
    height: calc(100vw / 390 * 17);
    font-weight: 700;
}

.flygo-market-t-flow-tag {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    margin-left: calc(100vw / 390 * 10);
    color: #9aa0aa;
    letter-spacing: calc(100vw / 390 * 0.6);
}

.flygo-market-step {
    width: calc(100vw / 390 * 58);
    flex: none;
}

.flygo-market-step-num {
    width: calc(100vw / 390 * 52);
    height: calc(100vw / 390 * 52);
    border-radius: 50%;
    background: #fff1f2;
}

.flygo-market-t-step-num {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 700;
    color: #fd2a3a;
}

.flygo-market-step-v .flygo-market-step-num {
    background: #eeecfd;
}

.flygo-market-step-v .flygo-market-t-step-num {
    color: #5856d6;
}

.flygo-market-step-label {
    width: calc(100vw / 390 * 76);
    margin-top: calc(100vw / 390 * 8);
}

.flygo-market-t-step {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #3f4550;
    white-space: nowrap;
}

.flygo-market-t-step + .flygo-market-t-step {
    margin-top: calc(100vw / 390 * 5);
}

.flygo-market-rail {
    position: relative;
    flex: 1;
    height: calc(100vw / 390 * 2);
    margin-top: calc(100vw / 390 * 25);
    background: #eff0f4;
}

.flygo-market-rail-dot {
    position: absolute;
    top: calc(100vw / 390 * -2);
    left: 0;
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    border-radius: 50%;
    background: #fd2a3a;
    animation: travel 2.4s linear infinite;
}

.flygo-market-rail-2 .flygo-market-rail-dot {
    animation-delay: 0.6s;
}

.flygo-market-rail-3 .flygo-market-rail-dot {
    background: #5856d6;
    animation-delay: 1.2s;
}

@keyframes travel {
    0% {
        left: 0;
        opacity: 0;
    }
    12%,
    88% {
        opacity: 1;
    }
    100% {
        left: calc(100% - calc(100vw / 390 * 6));
        opacity: 0;
    }
}

.flygo-market-flow-foot {
    margin-top: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 13) calc(100vw / 390 * 14);
    border-radius: calc(100vw / 390 * 12);
    background: #eeecfd;
}

.flygo-market-ff-main {
    min-width: 0;
}

.flygo-market-t-ff-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 700;
}

.flygo-market-t-ff-sub {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    margin-top: calc(100vw / 390 * 6);
    color: #6b7280;
}

.flygo-market-t-ff-tag {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    flex: none;
    margin-left: calc(100vw / 390 * 10);
    color: #5856d6;
    white-space: nowrap;
}

.flygo-market-rm {
    position: relative;
}

.flygo-market-rm-line {
    position: absolute;
    top: calc(100vw / 390 * 4);
    left: calc(100vw / 390 * 5);
    right: calc(100vw / 390 * 5);
    height: calc(100vw / 390 * 2);
    background: linear-gradient(90deg,
    #fd2a3a 0 38%,
    #eff0f4 38% 100%);
}

.flygo-market-rm-item {
    position: relative;
    flex: 1;
    min-width: 0;
}

.flygo-market-rm-item + .flygo-market-rm-item {
    margin-left: calc(100vw / 390 * 6);
}

.flygo-market-rm-dot {
    position: relative;
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 12);
    border-radius: 50%;
    background: #ffffff;
    border: 1.5px solid #d8d8de;
}

.flygo-market-rm-done .flygo-market-rm-dot,
.flygo-market-rm-now .flygo-market-rm-dot {
    background: #fd2a3a;
    border-color: #fd2a3a;
}

.flygo-market-rm-now .flygo-market-rm-dot::after {
    content: "";
    position: absolute;
    left: calc(100vw / 390 * -1.5);
    top: calc(100vw / 390 * -1.5);
    right: calc(100vw / 390 * -1.5);
    bottom: calc(100vw / 390 * -1.5);
    border-radius: 50%;
    background: #fd2a3a;
    animation: pulse 2.4s ease-out infinite;
}

.flygo-market-t-rm {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 500;
    white-space: nowrap;
}

.flygo-market-t-rm + .flygo-market-t-rm {
    margin-top: calc(100vw / 390 * 5);
}

.flygo-market-rm-item:not(.flygo-market-rm-done) .flygo-market-t-rm {
    color: #6b7280;
}

.flygo-market-t-rm-status {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    margin-top: calc(100vw / 390 * 8);
    color: #9aa0aa;
    white-space: nowrap;
}

.flygo-market-rm-done .flygo-market-t-rm-status {
    color: #fd2a3a;
}

/* 免责 */
.flygo-market-disclaimer {
    padding: calc(100vw / 390 * 18) calc(100vw / 390 * 20) calc(100vw / 390 * 8);
}

.flygo-market-t-disc {
    font-size: calc(100vw / 390 * 12);
    line-height: calc(100vw / 390 * 19);
    margin-bottom: calc(100vw / 390 * 6);
    color: #9aa0aa;
}

/* 底部 CTA */
.flygo-market-cta-bar {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 40;
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16);
    background: rgba(255, 255, 255, 0.94);
    backdrop-filter: blur(calc(100vw / 390 * 16));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 16));
    border-top: 1px solid #eceef2;
}

.flygo-market-cta-note {
    flex: none;
    margin-right: calc(100vw / 390 * 12);
}

.flygo-market-t-cta-note {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #6b7280;
    white-space: nowrap;
}

.flygo-market-t-cta-pts {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    margin-top: calc(100vw / 390 * 7);
    font-weight: 700;
    color: #fd2a3a;
    white-space: nowrap;
}

.flygo-market-cta {
    flex: 1;
    min-width: 0;
    height: calc(100vw / 390 * 48);
    padding: 0 calc(100vw / 390 * 12);
    border-radius: calc(100vw / 390 * 999);
    background: #fd2a3a;
    box-shadow: 0 calc(100vw / 390 * 8) calc(100vw / 390 * 20) rgba(253,
    42,
    58,
    0.28);
    transition: transform 0.12s;
}

.flygo-market-cta:active {
    background: #e01b2b;
    transform: scale(0.985);
}

.flygo-market-t-cta {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 600;
    color: #ffffff;
    letter-spacing: calc(100vw / 390 * 0.3);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

/* 设置面板 */
.flygo-market-sheet-backdrop {
    position: fixed;
    left: 0;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 60;
    background: rgba(13,
    15,
    20,
    0.38);
    animation: fade 0.2s ease;
}

.flygo-market-sheet {
    width: 100%;
    max-height: 92vh;
    overflow-y: auto;
    padding: calc(100vw / 390 * 8) calc(100vw / 390 * 16) calc(calc(100vw / 390 * 18) + env(safe-area-inset-bottom));
    border-radius: calc(100vw / 390 * 22) calc(100vw / 390 * 22) 0 0;
    background: #ffffff;
    animation: sheet-up 0.3s cubic-bezier(0.2,
    0.8,
    0.2,
    1);
}

.flygo-market-sheet-grip {
    width: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 4);
    margin: 0 auto calc(100vw / 390 * 14);
    border-radius: calc(100vw / 390 * 4);
    background: #e3e5e9;
}

.flygo-market-t-sheet-title {
    font-size: calc(100vw / 390 * 17);
    line-height: 1;
    height: calc(100vw / 390 * 17);
    margin-bottom: calc(100vw / 390 * 14);
    font-weight: 700;
}

.flygo-market-set-row {
    padding: calc(100vw / 390 * 12) 0;
    border-top: 1px solid #f3f4f6;
}

.flygo-market-set-col .flygo-market-chips {
    margin-top: calc(100vw / 390 * 12);
}

.flygo-market-t-set-label {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    white-space: nowrap;
}

.flygo-market-seg-box {
    flex: none;
    padding: calc(100vw / 390 * 3);
    border-radius: calc(100vw / 390 * 10);
    background: #f5f6f8;
}

.flygo-market-seg-opt {
    height: calc(100vw / 390 * 30);
    padding: 0 calc(100vw / 390 * 10);
    border-radius: calc(100vw / 390 * 8);
}

.flygo-market-seg-opt + .flygo-market-seg-opt {
    margin-left: calc(100vw / 390 * 2);
}

.flygo-market-t-seg {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 500;
    color: #6b7280;
    white-space: nowrap;
}

.flygo-market-seg-opt[aria-pressed="true"] {
    background: #ffffff;
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 3) rgba(15,
    23,
    42,
    0.1);
}

.flygo-market-seg-opt[aria-pressed="true"] .flygo-market-t-seg {
    font-weight: 600;
    color: #0d0f14;
}

.flygo-market-chip {
    width: calc((100% - calc(100vw / 390 * 16)) / 3);
    margin-right: calc(100vw / 390 * 8);
    padding: calc(100vw / 390 * 10);
    border-radius: calc(100vw / 390 * 12);
    border: 1px solid #eceef2;
}

.flygo-market-chip:nth-child(3n) {
    margin-right: 0;
}

.flygo-market-chip:nth-child(n+4) {
    margin-top: calc(100vw / 390 * 8);
}

.flygo-market-chip-lang {
    height: calc(100vw / 390 * 42);
    padding: 0 calc(100vw / 390 * 6);
}

.flygo-market-t-chip-code {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 700;
}

.flygo-market-t-chip-name {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    max-width: 100%;
    margin-top: calc(100vw / 390 * 6);
    color: #9aa0aa;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-market-t-lang {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 600;
    white-space: nowrap;
}

.flygo-market-chip[aria-pressed="true"] {
    border-color: #fd2a3a;
    background: #fff1f2;
}

.flygo-market-chip[aria-pressed="true"] .flygo-market-t-chip-code,
.flygo-market-chip[aria-pressed="true"] .flygo-market-t-lang {
    color: #fd2a3a;
}

.flygo-market-set-note {
    margin: calc(100vw / 390 * -2) 0 calc(100vw / 390 * 12);
}

@keyframes fade {
    from {
        opacity: 0;
    }
}

@keyframes sheet-up {
    from {
        transform: translateY(100%);
    }
}

.flygo-market-toast {
    position: fixed;
    left: 50%;
    bottom: calc(calc(100vw / 390 * 96) + env(safe-area-inset-bottom));
    z-index: 70;
    padding: calc(100vw / 390 * 11) calc(100vw / 390 * 16);
    border-radius: calc(100vw / 390 * 999);
    background: rgba(13,
    15,
    20,
    0.9);
    transform: translateX(-50%);
    white-space: nowrap;
}

.flygo-market-t-toast {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #ffffff;
}

.flygo-market-toast.flygo-market-show {
    animation: toast-in 0.25s ease;
}

@keyframes toast-in {
    from {
        opacity: 0;
        transform: translate(-50%,
        calc(100vw / 390 * 8));
    }
}

/* 桌面预览：放进手机比例的内框（只用 vh，不用 px） */
.flygo-market-desk {
    background: #e9ebef;
}

.flygo-market-desk-frame {
    display: block;
    width: calc(100vh * 390 / 844);
    height: 100vh;
    margin: 0 auto;
    border: 0;
    background: #ffffff;
    box-shadow: 0 3vh 9vh rgba(15,
    23,
    42,
    0.12);
}

@media (prefers-reduced-motion: reduce) {
    .flygo-market-app *,
    *::before,
    *::after {
        animation-duration: 0.01ms !important;
        animation-iteration-count: 1 !important;
        transition-duration: 0.01ms !important;
    }
}

/* ========== 弹窗关闭时的特效 ========== */
.flygo-market-sheet-backdrop.flygo-market-closing {
    animation: fade-out 0.25s ease forwards;
}

.flygo-market-sheet-backdrop.flygo-market-closing .flygo-market-sheet {
    animation: sheet-down 0.25s cubic-bezier(0.2, 0.8, 0.2, 1) forwards;
}

@keyframes fade-out {
    to {
        opacity: 0;
    }
}

@keyframes sheet-down {
    to {
        transform: translateY(100%);
    }
}