.bar.bar-theme.flygo-setting-language-bg,
.bar.bar-theme.flygo-setting-center-bg,
.bar.bar-theme.flygo-grade-service-list-bg,
.bar.bar-theme.flygo-grade-service-bg,
.bar.bar-theme.flygo-team-center-bg,
.bar.bar-theme.flygo-notice-detail-bg,
.bar.bar-theme.flygo-notice-list-bg,
.bar.bar-theme.flygo-market-bg,
.bar.bar-theme.flygo-utility-bill-bg,
.bar.bar-theme.flygo-local-history-bg,
.bar.bar-theme.flygo-local-contrib-order-bg,
.bar.bar-theme.flygo-local-contrib-bg,
.bar.bar-theme.flygo-local-qrcode-share-bg,
.bar.bar-theme.flygo-local-qrcode-add-bg,
.bar.bar-theme.flygo-local-qrcode-bg,
.bar.bar-theme.flygo-local-center-bg,
.bar.bar-theme.flygo-asset-result-bg,
.bar.bar-theme.flygo-asset-contrib-bg,
.bar.bar-theme.flygo-asset-recharge-bg,
.bar.bar-theme.flygo-asset-transfer-bg,
.bar.bar-theme.flygo-asset-list-bg,
.bar.bar-theme.flygo-asset-my-bg,
.bar.bar-theme.flygo-grade-center-bg,
.bar.bar-theme.flygo-upgrade-partner-bg,
.bar.bar-theme.flygo-upgrade-alliance-bg,
.bar.bar-theme.flygo-upgrade-service-bg,
.bar.bar-theme.flygo-upgrade-consume-bg,
.bar.bar-theme.flygo-referral-bind-bg,
.bar.bar-theme.flygo-index-bg {
    color: #000 !important;
}

.bar.bar-theme.flygo-setting-language-bg .title1,
.bar.bar-theme.flygo-setting-center-bg .title1,
.bar.bar-theme.flygo-grade-service-list-bg .title1,
.bar.bar-theme.flygo-grade-service-bg .title1,
.bar.bar-theme.flygo-team-center-bg .title1,
.bar.bar-theme.flygo-notice-detail-bg .title1,
.bar.bar-theme.flygo-notice-list-bg .title1,
.bar.bar-theme.flygo-market-bg .title1,
.bar.bar-theme.flygo-utility-bill-bg .title1,
.bar.bar-theme.flygo-local-history-bg .title1,
.bar.bar-theme.flygo-local-contrib-order-bg .title1,
.bar.bar-theme.flygo-local-contrib-bg .title1,
.bar.bar-theme.flygo-local-qrcode-share-bg .title1,
.bar.bar-theme.flygo-local-qrcode-add-bg .title1,
.bar.bar-theme.flygo-local-qrcode-bg .title1,
.bar.bar-theme.flygo-local-center-bg .title1,
.bar.bar-theme.flygo-asset-result-bg .title1,
.bar.bar-theme.flygo-asset-contrib-bg .title1,
.bar.bar-theme.flygo-asset-recharge-bg .title1,
.bar.bar-theme.flygo-asset-transfer-bg .title1,
.bar.bar-theme.flygo-asset-list-bg .title1,
.bar.bar-theme.flygo-asset-my-bg .title1,
.bar.bar-theme.flygo-grade-center-bg .title1,
.bar.bar-theme.flygo-upgrade-partner-bg .title1,
.bar.bar-theme.flygo-upgrade-alliance-bg .title1,
.bar.bar-theme.flygo-upgrade-service-bg .title1,
.bar.bar-theme.flygo-upgrade-consume-bg .title1,
.bar.bar-theme.flygo-referral-bind-bg .title1,
.bar.bar-theme.flygo-index-bg .title1 {
    color: #000 !important;
    font-size: 18px !important;
}

.bar.bar-theme.flygo-setting-language-bg,
.bar.bar-theme.flygo-setting-center-bg,
.bar.bar-theme.flygo-grade-service-list-bg,
.bar.bar-theme.flygo-grade-service-bg,
.bar.bar-theme.flygo-team-center-bg,
.bar.bar-theme.flygo-notice-detail-bg,
.bar.bar-theme.flygo-notice-list-bg,
.bar.bar-theme.flygo-utility-bill-bg,
.bar.bar-theme.flygo-local-history-bg,
.bar.bar-theme.flygo-local-contrib-order-bg,
.bar.bar-theme.flygo-local-contrib-bg,
.bar.bar-theme.flygo-local-qrcode-share-bg,
.bar.bar-theme.flygo-local-qrcode-add-bg,
.bar.bar-theme.flygo-local-qrcode-bg,
.bar.bar-theme.flygo-local-center-bg,
.bar.bar-theme.flygo-asset-result-bg,
.bar.bar-theme.flygo-asset-contrib-bg,
.bar.bar-theme.flygo-asset-recharge-bg,
.bar.bar-theme.flygo-asset-transfer-bg,
.bar.bar-theme.flygo-asset-list-bg,
.bar.bar-theme.flygo-asset-my-bg,
.bar.bar-theme.flygo-grade-center-bg,
.bar.bar-theme.flygo-upgrade-partner-bg,
.bar.bar-theme.flygo-upgrade-alliance-bg,
.bar.bar-theme.flygo-upgrade-service-bg,
.bar.bar-theme.flygo-upgrade-consume-bg,
.bar.bar-theme.flygo-referral-bind-bg,
.bar.bar-theme.flygo-index-bg {
    background-image: linear-gradient(270deg, #F7F8FA, #F7F8FA, #F7F8FA) !important;
}

.bar.bar-theme.flygo-market-bg {
    background-image: linear-gradient(270deg, #FFFFFF, #FFFFFF, #FFFFFF) !important;
}

.bg-color.flygo-discover-index-bg,
.bg-color.flygo-market-bg,
.bg-color.flygo-forgot-bg,
.bg-color.flygo-referral-bg,
.bg-color.flygo-password-bg,
.bg-color.flygo-register-bg,
.bg-color.flygo-auth-check-bg,
.bg-color.flygo-remote-pay-bg,
.bg-color.flygo-login-bg {
    background-image: linear-gradient(270deg, #FFFFFF, #FFFFFF, #FFFFFF) !important;
    background-color: transparent !important;
}

.flygo-discover-index-bg .ppw-index-content,
.flygo-utility-bill-bg .ppw-index-content,
.flygo-setting-language-bg .ppw-index-content,
.flygo-setting-center-bg .ppw-index-content,
.flygo-grade-service-bg .ppw-index-content,
.flygo-team-center-bg .ppw-index-content,
.flygo-notice-detail-bg .ppw-index-content,
.flygo-local-contrib-bg .ppw-index-content,
.flygo-local-qrcode-share-bg .ppw-index-content,
.flygo-local-qrcode-add-bg .ppw-index-content,
.flygo-local-qrcode-bg .ppw-index-content,
.flygo-local-center-bg .ppw-index-content,
.flygo-asset-list-bg .ppw-index-content,
.flygo-asset-result-bg .ppw-index-content,
.flygo-asset-my-bg .ppw-index-content,
.flygo-grade-center-bg .ppw-index-content,
.flygo-upgrade-partner-bg .ppw-index-content,
.flygo-upgrade-alliance-bg .ppw-index-content,
.flygo-upgrade-service-bg .ppw-index-content,
.flygo-upgrade-consume-bg .ppw-index-content,
.flygo-referral-bind-bg .ppw-index-content,
.flygo-index-bg .ppw-index-content {
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16);
}

.flygo-asset-contrib-bg .ppw-index-content,
.flygo-notice-list-bg .ppw-index-content,
.flygo-grade-service-list-bg .ppw-index-content,
.flygo-local-history-bg .ppw-index-content,
.flygo-local-contrib-order-bg .ppw-index-content,
.flygo-asset-contrib-bg .ppw-index-content,
.flygo-asset-recharge-bg .ppw-index-content,
.flygo-asset-transfer-bg .ppw-index-content {
    padding: calc(100vw / 390 * 5) calc(100vw / 390 * 16) calc(100vw / 390 * 10) calc(100vw / 390 * 16);
}

.flygo-asset-recharge-bg .swiper-slide ion-content,
.flygo-asset-transfer-bg .swiper-slide ion-content { /* 如果 ion-content 是 .swiper-slide 的直接子元素 */
    touch-action: pan-y;
}

.flygo-forgot-bg .slide-back-outer,
.flygo-login-bg .slide-back-outer,
.flygo-register-bg .slide-back-outer,
.flygo-referral-bg .slide-back-outer,
.flygo-password-bg .slide-back-outer {
    position: absolute;
    top: calc(100vw / 390 * 15);
    left: calc(100vw / 390 * 15);
    z-index: 100;
    min-height: calc(100vw / 390 * 30);
    min-width: calc(100vw / 390 * 30);
    background: rgba(255, 255, 255, 0.5);
    border-radius: calc(100vw / 390 * 25);
    padding: 0 calc(100vw / 390 * 5);
    border: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.11);
    flex-shrink: 0;
}

.flygo-market-bg .slide-back-outer {
    position: relative;
    z-index: 10;
    margin-left: calc(100vw / 390 * 10);
    min-height: calc(100vw / 390 * 30);
    min-width: calc(100vw / 390 * 30);
    background: rgba(255, 255, 255, 0.5);
    border-radius: calc(100vw / 390 * 25);
    padding: 0 calc(100vw / 390 * 5);
    border: none;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.11);
    flex-shrink: 0;
}

.slide-back-outer.right {
    left: unset !important;
    right: calc(100vw / 390 * 15);
}

.flygo-forgot-bg .slide-back,
.flygo-login-bg .slide-back,
.flygo-register-bg .slide-back,
.flygo-referral-bg .slide-back,
.flygo-password-bg .slide-back {
    font-size: calc(100vw / 375 * 14);
    color: #000000;
    fill: #000000;
    height: calc(100vw / 375 * 14);
    width: calc(100vw / 375 * 14);
}

.flygo-login-bg .slide-back-outer span {
    font-size: calc(100vw / 390 * 14);
    line-height: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    color: #000000;
    margin-right: calc(100vw / 390 * 8);
}

.bg-color.flygo-local-qrcode-share-bg,
.bg-color.flygo-local-qrcode-bg {
    bottom: calc(100vw / 390 * 95);
}

.bg-color.flygo-local-qrcode-add-bg,
.bg-color.flygo-asset-contrib-bg,
.bg-color.flygo-asset-recharge-bg.has-bottom,
.bg-color.flygo-asset-transfer-bg.has-bottom,
.bg-color.flygo-grade-center-bg,
.bg-color.flygo-upgrade-alliance-bg,
.bg-color.flygo-upgrade-service-bg,
.bg-color.flygo-upgrade-consume-bg {
    bottom: calc(100vw / 390 * 125);
}

.bg-color.flygo-referral-bind-bg {
    bottom: calc(100vw / 390 * 150);
}

.bg-color.flygo-remote-pay-bg {
    bottom: calc(100vw / 390 * 187);
}

.flygo-remote-pay-fail-btn-retry,
.flygo-remote-pay-submit-btn,
.flygo-setting-center-logout-btn,
.flygo-asset-exchange-action-btn,
.flygo-prompt-icons-btn-primary,
.flygo-local-qrcode-share-btn,
.flygo-local-contrib-submit-btn,
.flygo-prompt-qrcode-btn-solid,
.flygo-grade-buy-btn-primary,
.flygo-prompt-confirm-btn-primary,
.flygo-bind-success-btn-primary,
.flygo-local-qrcode-add-submit-btn,
.flygo-local-qrcode-submit-btn,
.flygo-local-center-btn-primary,
.flygo-asset-recharge-submit-btn,
.flygo-asset-transfer-submit-btn,
.flygo-grade-center-btn-red,
.flygo-upgrade-partner-btn-active,
.flygo-upgrade-alliance-submit-btn,
.flygo-upgrade-service-submit-btn,
.flygo-upgrade-consume-submit-btn,
.flygo-referral-bind-submit-btn,
.flygo-login-submit-btn,
.flygo-register-submit-btn {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 12);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.flygo-remote-pay-fail-btn-retry-text,
.flygo-remote-pay-submit-text,
.flygo-asset-exchange-action-text,
.flygo-prompt-icons-btn-primary-text,
.flygo-local-qrcode-share-btn-text,
.flygo-local-contrib-submit-text,
.flygo-prompt-qrcode-btn-text-white,
.flygo-grade-buy-btn-primary-text,
.flygo-prompt-confirm-btn-primary-text,
.flygo-bind-success-btn-primary-text,
.flygo-local-qrcode-add-submit-text,
.flygo-local-qrcode-submit-text,
.flygo-local-center-btn-primary-text,
.flygo-asset-recharge-submit-text,
.flygo-asset-transfer-w-submit-text,
.flygo-grade-center-btn-red-text,
.flygo-upgrade-partner-btn-text,
.flygo-upgrade-alliance-submit-text,
.flygo-upgrade-service-submit-text,
.flygo-upgrade-consume-submit-text,
.flygo-referral-bind-submit-text,
.flygo-login-submit-text,
.flygo-register-submit-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #FFFFFF;
}

.flygo-local-conrib-order-btn-red,
.flygo-prompt-qrcode-btn-outline,
.flygo-bind-success-btn-secondary,
.flygo-grade-center-btn-outline {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FFFFFF;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 12);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.flygo-local-qrcode-action-text-red,
.flygo-local-conrib-order-btn-text-red,
.flygo-prompt-qrcode-btn-text-red,
.flygo-bind-success-btn-secondary-text,
.flygo-grade-center-btn-outline-text {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-prompt-icons-btn-default,
.flygo-local-qrcode-action-btn,
.flygo-referral-bind-search-btn,
.flygo-prompt-confirm-btn-default,
.flygo-local-center-btn-secondary {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: calc(100vw / 390 * 12);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.flygo-prompt-icons-btn-default-text,
.flygo-local-qrcode-action-text,
.flygo-referral-bind-search-btn-text,
.flygo-prompt-confirm-btn-default-text,
.flygo-local-center-btn-secondary-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-asset-list-more-btn {
    padding: 0 calc(100vw / 390 * 10);
    width: 100%;
    height: calc(100vw / 390 * 43);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 26);
    margin-bottom: calc(100vw / 390 * 10);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.flygo-asset-list-more-text {
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    color: #4F4F55;
}

.flygo-grade-service-list-bg .flygo-asset-list-more-btn,
.flygo-local-contrib-order-bg .flygo-asset-list-more-btn {
    margin-bottom: 0;
}

.flygo-grade-service-list-bg .flygo-asset-list-tx-container,
.flygo-local-contrib-order-bg .flygo-asset-list-tx-container {
    margin-bottom: 0;
}

.flygo-remote-pay-success-btn:not(.activated):active,
.flygo-remote-pay-fail-btn-retry:not(.activated):active,
.flygo-remote-pay-submit-btn:not(.activated):active,
.flygo-setting-center-logout-btn:not(.activated):active,
.flygo-asset-exchange-action-btn:not(.activated):active,
.flygo-prompt-icons-btn-default:not(.activated):active,
.flygo-prompt-icons-btn-primary:not(.activated):active,
.flygo-local-qrcode-action-btn:not(.activated):active,
.flygo-local-qrcode-share-btn:not(.activated):active,
.flygo-local-conrib-order-btn-red:not(.activated):active,
.flygo-local-contrib-submit-btn:not(.activated):active,
.flygo-prompt-qrcode-btn-outline:not(.activated):active,
.flygo-prompt-qrcode-btn-solid:not(.activated):active,
.flygo-grade-buy-btn-primary:not(.activated):active,
.flygo-prompt-confirm-btn-default:not(.activated):active,
.flygo-prompt-confirm-btn-primary:not(.activated):active,
.flygo-bind-success-btn-primary:not(.activated):active,
.flygo-local-qrcode-add-submit-btn:not(.activated):active,
.flygo-local-qrcode-submit-btn:not(.activated):active,
.flygo-local-center-btn-secondary:not(.activated):active,
.flygo-local-center-btn-primary:not(.activated):active,
.flygo-asset-recharge-submit-btn:not(.activated):active,
.flygo-asset-transfer-submit-btn:not(.activated):active,
.flygo-asset-list-more-btn:not(.activated):active,
.flygo-grade-center-btn-outline:not(.activated):active,
.flygo-grade-center-btn-red:not(.activated):active,
.flygo-upgrade-partner-btn-active:not(.activated):active,
.flygo-upgrade-alliance-submit-btn:not(.activated):active,
.flygo-upgrade-service-submit-btn:not(.activated):active,
.flygo-upgrade-consume-submit-btn:not(.activated):active,
.flygo-referral-bind-search-btn:not(.activated):active,
.flygo-referral-bind-submit-btn:not(.activated):active,
.flygo-login-submit-btn:not(.activated):active,
.flygo-register-submit-btn:not(.activated):active,
.flygo-register-verif-btn:not(.activated):active {
    filter: brightness(0.92);
}

.flygo-remote-pay-success-btn.activated,
.flygo-remote-pay-fail-btn-retry.activated,
.flygo-remote-pay-submit-btn.activated,
.flygo-setting-center-logout-btn.activated,
.flygo-asset-exchange-action-btn.activated,
.flygo-prompt-icons-btn-default.activated,
.flygo-prompt-icons-btn-primary.activated,
.flygo-local-qrcode-action-btn.activated,
.flygo-local-qrcode-share-btn.activated,
.flygo-local-conrib-order-btn-red.activated,
.flygo-local-contrib-submit-btn.activated,
.flygo-prompt-qrcode-btn-outline.activated,
.flygo-prompt-qrcode-btn-solid.activated,
.flygo-grade-buy-btn-primary.activated,
.flygo-prompt-confirm-btn-default.activated,
.flygo-prompt-confirm-btn-primary.activated,
.flygo-bind-success-btn-primary.activated,
.flygo-local-qrcode-add-submit-btn.activated,
.flygo-local-qrcode-submit-btn.activated,
.flygo-local-center-btn-secondary.activated,
.flygo-local-center-btn-primary.activated,
.flygo-asset-recharge-submit-btn.activated,
.flygo-asset-transfer-submit-btn.activated,
.flygo-asset-list-more-btn.activated,
.flygo-grade-center-btn-outline.activated,
.flygo-grade-center-btn-red.activated,
.flygo-upgrade-partner-btn-active.activated,
.flygo-upgrade-alliance-submit-btn.activated,
.flygo-upgrade-service-submit-btn.activated,
.flygo-upgrade-consume-submit-btn.activated,
.flygo-referral-bind-search-btn.activated,
.flygo-referral-bind-submit-btn.activated,
.flygo-login-submit-btn.activated,
.flygo-register-submit-btn.activated,
.flygo-register-verif-btn.activated {
    cursor: not-allowed;
    opacity: 0.55;
}

.swiper-container.flygo-asset-recharge-bg,
.swiper-container.flygo-asset-transfer-bg {
    position: absolute;
    top: 0;
}

.flygo-discover-index-top-tabs-wrap,
.flygo-notice-list-tabs-scroll-area,
.flygo-grade-service-filter-tab-content,
.flygo-local-conrib-order-tab-content,
.flygo-local-history-tab-content,
.flygo-asset-recharge-tab-content,
.flygo-asset-transfer-tab-content {
    position: relative;
    top: 44px;
    z-index: 6;
}

.top-flygo-discover-index,
.has-header.top-flygo-local-history,
.has-header.top-flygo-asset-recharge,
.has-header.top-flygo-asset-transfer {
    top: calc((100vw / 390 * 63) + 44px) !important;
}

.has-header.top-flygo-notice-list,
.has-header.top-flygo-grade-service-list,
.has-header.top-flygo-local-conrib-order {
    top: calc((100vw / 390 * 53) + 44px) !important;
}

.flygo-setting-center-avatar-wrap,
.flygo-team-center-member-avatar,
.flygo-local-conrib-order-avatar,
.flygo-local-contrib-avatar-box-small,
.flygo-local-contrib-avatar-box,
.flygo-asset-recharge-acc-avatar-box,
.flygo-asset-transfer-user-avatar-box,
.flygo-referral-bind-avatar-box,
.flygo-index-avatar-box {
    width: calc(100vw / 390 * 60);
    height: calc(100vw / 390 * 60);
    border-radius: 50%;
    border: calc(100vw / 390 * 3) solid #FFFFFF;
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.05);
    background: #E5E7EB;
    overflow: hidden;
    flex-shrink: 0;
    margin-right: calc(100vw / 390 * 10);
}

.flygo-setting-center-avatar-wrap img,
.flygo-team-center-member-avatar img,
.flygo-local-conrib-order-avatar img,
.flygo-local-contrib-avatar-box-small img,
.flygo-local-contrib-avatar-box img,
.flygo-asset-recharge-acc-avatar-box img,
.flygo-asset-transfer-user-avatar-box img,
.flygo-referral-bind-avatar-box img,
.flygo-index-avatar-box img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.input-clear {
    color: #9999A4;
    display: block;
    height: calc(100vw / 390 * 15);
    line-height: calc(100vw / 390 * 15);
    font-size: calc(100vw / 390 * 15);
}

.write .input-clear {
    display: none;
}

.input-clear-ps {
    /*position: absolute;*/
    /*top: 50% !important;;*/
    /*transform: translateY(-50%);*/
    /*right: calc(100vw / 390 * 16) !important;*/
    position: relative;
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * -15);
    z-index: 2;
}

.check-switch {
    width: calc(100vw / 390 * 28) !important;
    height: calc(100vw / 390 * 14) !important;
    position: relative;
    border: calc(100vw / 390 * 2) solid #BCBCBC;
    background-color: #BCBCBC;
    box-shadow: #dfdfdf 0 0 0 0 inset;
    border-radius: calc(100vw / 390 * 20);
    display: inline-block;
    -webkit-appearance: none;
    outline: none;
    transition: all .4s ease;
}

.check-switch:before {
    content: '';
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    position: absolute;
    top: calc(-1 * (100vw / 390 * 3));
    left: calc(-1 * (100vw / 390 * 2));
    border-radius: calc(100vw / 390 * 20);
    background-color: #fff;
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 3) rgba(0, 0, 0, 0.4);
    transition: all .4s ease;
}

.check-switch:checked {
    border: calc(100vw / 390 * 2) solid #FD2A3A;
    background-color: #FD2A3A;
}

.check-switch:checked:before {
    left: calc(100vw / 390 * 11);
}

.ngdialog.ngdialog-theme-default.flygo-prompt .ngdialog-content {
    max-width: 80% !important;
    width: 80% !important;
    padding: 0 !important;
    background: transparent !important;
}

.flygo-prompt .ngdialog-close {
    display: none !important;
}

.flygo-grade-center-bg .fil-scroll > .fil-scroll--list,
.flygo-index-bg .fil-scroll > .fil-scroll--list {
    height: calc(100vw / 390 * 26);
    line-height: calc(100vw / 390 * 26);
    width: 0;
    max-width: 0;
    transition: max-width 0.3s ease;
}

.flygo-grade-center-bg .fil-scroll,
.flygo-index-bg .fil-scroll {
    height: calc(100vw / 390 * 26);
    line-height: calc(100vw / 390 * 26);
    width: auto;
    position: relative;
    z-index: 0;
    background: transparent;
    border-radius: 0;
    padding: 0;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-grade-center-bg .marquee-list--li,
.flygo-index-bg .marquee-list--li {
    font-size: calc(100vw / 390 * 22);
    line-height: calc(100vw / 390 * 26);
    height: calc(100vw / 390 * 26);
    font-weight: 600;
    color: #000000;
    width: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
    -webkit-transition: all .2s ease;
    transition: all .2s ease;
}

.flygo-grade-center-bg .marquee-list,
.flygo-index-bg .marquee-list {
    width: auto;
    /*不压缩，外层的 overflow: hidden 不会压缩当前的长度*/
    white-space: nowrap;
}

.flygo-grade-center-bg .text-inner,
.flygo-index-bg .text-inner {
    display: inline-block;
}

.flygo-refresh-box {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-local-contrib-bg .flygo-refresh-box {
    margin-bottom: 0 !important;
}

/* 整个盒子置灰，并显示禁止操作的鼠标手势 */
.disabled-box {
    background-color: #f5f5f5 !important; /* 灰色背景 */
    opacity: 0.7; /* 整体透明度变灰 */
    cursor: not-allowed !important;
}

/* 核心：禁用内部所有元素的鼠标交互（屏蔽 ng-click 和 hover） */
.disabled-box * {
    pointer-events: none !important;
    color: #999 !important; /* 图标文字统一变灰，如果图标本来是用 color 控制的话 */
}

/* 确保 input 的背景和外层融为一体 */
.disabled-box input {
    background-color: transparent !important;
}

/* ===== 顶部导航 ===== */
.flygo-index-nav-btn {
    width: 36px;
    height: 36px;
    background: #FFFFFF;
    border-radius: 50%;
    position: relative;
    flex-shrink: 0;
}

.flygo-discover-index-bg .flygo-index-nav-btn {
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.11);
}

.flygo-index-back-icon {
    width: 18px;
    height: 18px;
    fill: #000000;
}

.flygo-index-notify-icon {
    width: 18px;
    height: 18px;
    fill: #333333;
}

.flygo-index-notify-dot {
    position: absolute;
    width: 6px;
    height: 6px;;
    background: #FD2A3A;
    border-radius: 50%;
    top: 10px;
    right: 10px;
}

.flygo-header-icon-left {
    position: relative;
    z-index: 10;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-header-icon-right {
    position: absolute;
    right: 20px !important;
    z-index: 10;
}

.flygo-header-nav-btn {
    width: 36px;
    height: 36px;
    background-color: transparent;
    border-radius: 50%;
    flex-shrink: 0;
}

.flygo-header-title-text {
    font-size: 15px;
    line-height: 1;
    height: 15px;
    font-weight: 500;
    color: #000000;
}

.flygo-header-title-text--red {
    font-size: 15px;
    line-height: 1;
    height: 15px;
    font-weight: 500;
    color: #FD2A3A;
}

@supports (position: sticky) {
    .flygo-team-center-mark,
    .flygo-asset-list-mark {
        position: sticky !important;
        top: -1px !important;
        left: 0 !important;
        right: 0 !important;
        z-index: 1001 !important;
    }
}

/* ============================================================
           index.html
============================================================ */
/* ===== 模块 1：个人信息与资产卡片 ===== */
.flygo-index-assets-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    /* Margin = Figma 10px */
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

.flygo-index-profile-section {
    width: 100%;
    position: relative;
    /* Margin = Figma 32px + 上方标签残余 3px + 下方标题残余 3px = 38px */
    margin-bottom: calc(100vw / 390 * 30);
    z-index: 1;
}

.flygo-index-avatar-box {
}

.flygo-index-profile-info-col {
    position: relative;
    z-index: 1;
}

.flygo-index-user-name-text {
    font-size: calc(100vw / 390 * 22);
    line-height: 1;
    height: calc(100vw / 390 * 22);
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-index-user-id-row {
    /* Margin = Figma 3px + ID下方残余3px + 标签文字上方残余(16-10)/2=3px = 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-index-user-id-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #6B7280;
}

.flygo-index-copy-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9CA3AF;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-index-role-tag-red {
    background: #FEF2F2;
    height: calc(100vw / 390 * 21);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 8);
    margin-right: calc(100vw / 390 * 6);
}

.flygo-index-tag-icon-red {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 4);
    fill: #FD2A3A;
}

.flygo-index-role-tag-text-red {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    color: #FD2A3A;
    font-weight: 400;
}

.flygo-index-role-tag-gray {
    height: calc(100vw / 390 * 21);
    background: rgba(250, 223, 200, 0.4);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-index-role-tag-text-gray {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    color: #3E3C3C;
    font-weight: 400;
}

.flygo-index-gift-box-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-index-service-no.png) no-repeat right top;
    background-size: auto calc(100vw / 390 * 145);
    inset: 0;
    z-index: 0;
}

.flygo-index-gift-box-3d-bg.service {
    position: absolute;
    background: url(../img/flygo/flygo-index-service.png) no-repeat right top;
    background-size: auto calc(100vw / 390 * 145);
    inset: 0;
    z-index: 0;
}

.flygo-index-assets-title-row {
    /* Margin = Figma 4px + 资产标题下方残余3px + 金额上方残余(34-30)/2=2px = 9px */
    margin-bottom: calc(100vw / 390 * 9);
    z-index: 1;
}

.flygo-index-assets-title-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #6B7280;
    margin-right: calc(100vw / 390 * 6);
}

.flygo-index-eye-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    fill: #6B7280;
}

.flygo-index-assets-amount-text {
    font-family: 'Arial', sans-serif;
    font-size: calc(100vw / 390 * 30);
    line-height: 1;
    height: calc(100vw / 390 * 30);
    font-weight: 700;
    color: #000000;
    letter-spacing: calc(100vw / 390 * -0.85);
    /* Margin = Figma 8px + 金额下方残余2px + 按钮自身是固定高度无残余 = 10px */
    margin-bottom: calc(100vw / 390 * 10);
    z-index: 1;
}

.flygo-index-action-btns-row {
    width: 100%;
    /* Margin = Figma 10px (由于下方是grid的内边距，所以直接使用10) */
    margin-bottom: calc(100vw / 390 * 10);
    z-index: 1;
    gap: calc(100vw / 390 * 8);
}

.flygo-index-action-btn {
    flex: 1;
    height: calc(100vw / 390 * 36);
    background: #FFFFFF;
    border: 1px solid #F4F3F3;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 26);
    box-sizing: border-box
}

.flygo-index-action-btn-gap {
    width: calc(100vw / 390 * 8);
}

/*.flygo-index-action-btn-icon {*/
/*    margin-right: calc(100vw / 390 * 6);*/
/*    font-size: calc(100vw / 390 * 14);*/
/*    line-height: 1;*/
/*    height: calc(100vw / 390 * 14);*/
/*    color: #FD2A3A;*/
/*}*/

.flygo-index-action-btn-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
    fill: #FD2A3A;
}

.flygo-index-action-btn-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #4F4F55;
    margin-right: auto;
}

.flygo-index-arrow-icon-small {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    fill: #9999A4;
}

.flygo-index-data-grid-row {
    width: 100%;
    z-index: 1;
    gap: calc(100vw / 390 * 8);
}

.flygo-index-data-col-box {
    flex: 1;
    background: #F7F8FA;
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 12) 0;

    /* ⬇️ 新增这一行：强制该列不允许被长内容撑开 */
    min-width: 0;
}

.flygo-index-data-grid-gap {
    width: calc(100vw / 390 * 8);
}

.flygo-index-data-header-row {
    /* Margin = Figma 4px + 标题字号差残余(18-12)/2=3px + 数值字号差残余(26-16)/2=5px = 12px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-index-data-header-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    background: #FD2A3A;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 4);
    color: #FFFFFF;
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: bold;
}

.flygo-index-data-header-icon svg {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FFFFFF;
}

.flygo-index-data-header-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #6B7280;
}

.flygo-index-data-value-text {
    font-family: 'Arial', sans-serif;
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 700;
    color: #000000;
    /* Margin = Figma 0px + 数值下残余5px + 增量上残余(16-10)/2=3px = 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-index-data-change-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    color: #FD2A3A;
    font-weight: 500;
}

/* ===== 模块 2：邀请码绑定 ===== */
.flygo-index-bind-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    /* Margin = Figma 10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-index-bind-icon-wrapper {
    width: calc(100vw / 390 * 45);
    height: calc(100vw / 390 * 45);
    background: #FEF2F2;
    border-radius: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-index-bind-icon-inner {
    width: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    fill: #FF3B3B;
}

.flygo-index-bind-text-col {
    flex: 1;
}

.flygo-index-bind-title-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma 2px + 标题残余(22-14)/2=4px + 副标残余(16-10)/2=3px = 9px */
    margin: calc(100vw / 390 * 4) 0 calc(100vw / 390 * 8) 0;
}

.flygo-index-bind-subtitle-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    color: #4F4F55;
    /* Margin = Figma 0px + 副标下残余3px + 状态上残余(16-11)/2=2.5px = 取整 6px */
    margin-bottom: calc(100vw / 390 * 6);
    text-align: justify;
}

.flygo-index-bind-status-dot {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    background: #9999A4;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-index-bind-status-text {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    color: #9999A4;
}

.flygo-index-bind-status-text-active {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    color: #FD2A3A;
}

.flygo-index-bind-status-text-active.link {
    margin-left: calc(100vw / 390 * 10);
}

.flygo-index-bind-btn {
    background: #FD2A3A;
    box-shadow: 0 1px 2px #FECACA;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 32);
    flex-shrink: 0;
}

.flygo-index-bind-btn-text {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    color: #FFFFFF;
}

.flygo-index-bind-btn-arrow-icon {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    margin-left: calc(100vw / 390 * 6);
    fill: #FFFFFF;
}

/* ===== 模块 3：开通消费商 ===== */
.flygo-index-vip-card {
    background: #FAF5F3;
    border: calc(100vw / 390 * 1) solid #FCEFEF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    /* Margin = Figma 10px */
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

.flygo-index-partner-card {
    background: #F7F3F9;
    border: calc(100vw / 390 * 1) solid #FFEDFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    /* Margin = Figma 10px */
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

.flygo-index-utility-card {
    background: #E5E1FA;
    border: calc(100vw / 390 * 1) solid #ECF1FD;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    /* Margin = Figma 10px */
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

.flygo-index-vip-content-col {
    position: relative;
    z-index: 1;
}

.flygo-index-vip-title-text {
    font-size: calc(100vw / 390 * 20);
    line-height: 1;
    height: calc(100vw / 390 * 20);
    font-weight: 600;
    color: #000000;
    /* Margin = Figma 4px + 标题下残余(36-20)/2=8px + 副标上残余(21-14)/2=3.5px = 15.5 取整 16px */
    margin: calc(100vw / 390 * 6) 0 calc(100vw / 390 * 16) 0;
}

.flygo-index-vip-subtitle1-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #4B5563;
    /* Margin = Figma 4px + 副标1下残余3.5px + 副标2上残余(16-11)/2=2.5px = 10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-index-vip-subtitle2-text {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    color: #4F4F55;
    /* Margin = Figma 0px + 副标2下残余2.5px + 价格框无残余 = 3px */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-index-vip-price-box {
    background: #FEE8E6;
    border-radius: calc(100vw / 390 * 9999);
    height: calc(100vw / 390 * 24);
    padding: 0 calc(100vw / 390 * 12);
}

.flygo-index-vip-price-num {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-index-vip-price-unit {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-index-vip-btn {
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 43);
    flex-shrink: 0;
    margin-top: calc(100vw / 390 * 10);
}

.flygo-index-partner-btn {
    background: #F7F3F9;
    border-radius: calc(100vw / 390 * 9999);
    border: 1px solid #5856D6;
    padding: 0 calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 43);
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: calc(100vw / 390 * 10);
}

.flygo-index-utility-btn {
    background: #E5E1FA;
    border-radius: calc(100vw / 390 * 9999);
    border: 1px solid #5856D6;
    padding: 0 calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 43);
    box-sizing: border-box;
    flex-shrink: 0;
    margin-top: calc(100vw / 390 * 10);
}

.flygo-index-vip-btn-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #FFFFFF;
}

.flygo-index-partner-btn-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #5856D6;
}

.flygo-index-utility-btn-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #5856D6;
}


/*使用 inset: 0; 完全正确，它会让背景图片铺满整个 .flygo-index-vip-card 区域，然后你设置的 background-size: auto 100%; 会在这个填充后的尺寸上生效。不需要额外设置 width/height。*/
.flygo-index-vip-3d-box {
    position: absolute;
    background: url(../img/flygo/flygo-index-level.png) no-repeat right center;
    background-size: auto 100%;
    inset: 0;
    z-index: 0;
}

.flygo-index-partner-3d-box {
    position: absolute;
    background: url(../img/flygo/flygo-index-partner.png) no-repeat right center;
    background-size: auto 100%;
    inset: 0;
    z-index: 0;
}

.flygo-index-utility-3d-box {
    position: absolute;
    background: url(../img/flygo/flygo-index-utility.png) no-repeat right center;
    background-size: auto 100%;
    inset: 0;
    z-index: 0;
}

/* ===== 模块 4：双排列卡片 ===== */
.flygo-index-twin-cards-row {
    gap: calc(100vw / 390 * 12);
}

.flygo-index-service-card-left, .flygo-index-service-card-right {
    flex: 1;
    height: calc(100vw / 390 * 160);
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    position: relative;
    overflow: hidden;
}

.flygo-index-service-card-left {
    background: linear-gradient(135deg, #FDF0F1 0%, #F8E3E5 100%);
}

.flygo-index-service-card-right {
    background: linear-gradient(135deg, #FFF3E8 0%, #FBE5D2 100%);
}

.flygo-index-twin-cards-gap {
    width: calc(100vw / 390 * 12);
}

.flygo-index-service-title-red {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #FD2A3A;
    /* Margin = Figma 4px + 标题(27-16)/2=5.5px + 副标(18-12)/2=3px = 12.5 取整 13px */
    margin-bottom: calc(100vw / 390 * 13);
    position: relative;
    z-index: 1;
}

.flygo-index-service-title-orange {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #FF7A04;
    /* Margin同上 */
    margin-bottom: calc(100vw / 390 * 13);
    position: relative;
    z-index: 1;
}

.flygo-index-service-subtitle {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4B5563;
    position: relative;
    z-index: 1;
}

.flygo-index-service-circle-btn {
    position: absolute;
    right: calc(100vw / 390 * 16);
    top: calc(100vw / 390 * 16);
    width: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    background: #FFFFFF;
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: 50%;
    z-index: 1;
}

.flygo-index-arrow-icon-red {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    fill: #FD2A3A;
}

.flygo-index-arrow-icon-orange {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    fill: #FF7A04;
}

.flygo-index-service-bg-mall {
    position: absolute;
    background: url(../img/flygo/flygo-index-mall.png) no-repeat center center;
    background-size: 100% auto;
    inset: 0;
    z-index: 0;
}

.flygo-index-service-bg-local {
    position: absolute;
    background: url(../img/flygo/flygo-index-local.png) no-repeat center center;
    background-size: 100% auto;
    inset: 0;
    z-index: 0;
}

/* ============================================================
           login.html
============================================================ */
.flygo-login-main-container {
    padding: calc(100vw / 390 * 130) calc(100vw / 390 * 35) 0 calc(100vw / 390 * 35);
}

.flygo-login-logo-circle {
    width: calc(100vw / 390 * 80);
    height: calc(100vw / 390 * 80);
    background-color: #FD2A3A;
    border-radius: 50%;
    /* Margin = Figma 24px */
    margin-bottom: calc(100vw / 390 * 24);
}

.flygo-login-logo-icon {
    width: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 36);
    fill: #FFFFFF;
}

.flygo-login-title-text {
    font-size: calc(100vw / 390 * 28);
    line-height: 1;
    height: calc(100vw / 390 * 28);
    font-weight: 600;
    color: #000000;
    /* Margin = Figma间距 16px + 标题残留 (35-28)/2 = 3.5px + 副标残留 (24-16)/2 = 4px -> 23.5px 取整 24px */
    margin-bottom: calc(100vw / 390 * 24);
}

.flygo-login-subtitle-text {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 400;
    color: #4F4F55;
    /* Margin = Figma间距 40px + 副标残留 (24-16)/2 = 4px -> 44px */
    margin-bottom: calc(100vw / 390 * 44);
}

/* ============================================================
   业务语义化样式 - 表单输入区域
============================================================ */
.flygo-login-input-box {
    position: relative;
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: calc(100vw / 390 * 12);
    padding: 0 calc(100vw / 390 * 16);
    /* Margin = Figma 16px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-login-pass-input-box {
    width: 100%
}

.flygo-login-input-icon {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    margin-right: calc(100vw / 390 * 10);
    color: #9999A4;
    flex-shrink: 0;
}

input.flygo-asset-exchange-input-text,
textarea.flygo-local-qrcode-add-input-text,
input.flygo-local-qrcode-add-input-text,
input.flygo-local-contrib-input-val-text,
input.flygo-local-contrib-input-text,
input.flygo-asset-transfer-w-wallet-input-text,
input.flygo-asset-transfer-w-amount-input-text,
input.flygo-asset-transfer-amount-input-text,
input.flygo-asset-transfer-input-text,
input.flygo-referral-bind-input-text,
input.flygo-referral-input-text,
input.flygo-forgot-user-input-text,
input.flygo-register-input-text,
input.flygo-login-user-input-text {
    padding-top: 0;
    border-radius: 0;
    background: transparent;
    width: 100%;
    padding-right: calc(100vw / 390 * 20);
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 400;
    color: #333333;
    height: calc(100vw / 390 * 50);
    flex-grow: 1;
}

.flygo-asset-exchange-input-text::placeholder,
.flygo-local-qrcode-add-input-text::placeholder,
.flygo-local-contrib-input-val-text::placeholder,
.flygo-local-contrib-input-text::placeholder,
.flygo-asset-transfer-w-wallet-input-text::placeholder,
.flygo-asset-transfer-w-amount-input-text::placeholder,
.flygo-asset-transfer-amount-input-text::placeholder,
.flygo-asset-transfer-input-text::placeholder,
.flygo-referral-bind-input-text::placeholder,
.flygo-referral-input-text::placeholder,
.flygo-forgot-user-input-text::placeholder,
.flygo-register-input-text::placeholder,
.flygo-login-user-input-text::placeholder {
    color: #9999A4;
    font-weight: 400;
}

.flygo-login-eye-icon {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    margin-left: calc(100vw / 390 * 10);
    color: #9999A4;
    flex-shrink: 0;
}

/* ============================================================
   业务语义化样式 - 记住密码与忘记密码
============================================================ */
.flygo-login-func-row {
    width: 100%;
    /* Margin = Figma间距 16px + 按钮及文字补偿 -> 取整 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

/* 高端感设计的核心：交互容器 */
.flygo-remember-wrapper {
    cursor: pointer;
    user-select: none; /* 防止双击选中文本 */
    transition: opacity 0.2s;
    display: inline-flex; /* 适应内容宽度 */
}

/* 点击时的微小收缩反馈，增强物理触感 */
.flygo-remember-wrapper:active .flygo-login-checkbox-circle {
    transform: scale(0.9);
}

/* 复选框基础样式 (未选中) */
.flygo-login-checkbox-circle {
    position: relative;
    /* 假设 390 宽度的设计稿下为 20px */
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    border: 1px solid #E0E0E0;
    background-color: transparent;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 8);
    /* 新增 flex 布局，用于绝对居中内部的 SVG */
    display: flex;
    align-items: center;
    justify-content: center;
    /* 丝滑的边框和背景颜色过渡 */
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

/* 炫酷的高端 SVG 对勾样式 */
.flygo-check-svg {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 2.5;
    /* 圆润的线帽和转角，细节决定高级感 */
    stroke-linecap: round;
    stroke-linejoin: round;
    /* 核心动画魔法：利用 dasharray 实现“描边绘制”效果 (24大于该SVG路径总长度) */
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
    opacity: 0;
    /* 初始状态：缩小，准备弹出 */
    transform: scale(0.5);
    /* 动画：透明度、缩放、以及描边偏移一起执行弹簧过渡 */
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* =========================================
   选中状态 (.is-checked)
   ========================================= */
.flygo-login-checkbox-circle.is-checked {
    background-color: #FD2A3A; /* 品牌主色 */
    border-color: #FD2A3A;
    /* 可选：加一点极其轻微的泛光阴影提升质感 */
    box-shadow: 0 calc(100vw / 390 * 2) calc(100vw / 390 * 6) rgba(253, 42, 58, 0.2);
}

/* 选中时的 SVG 状态：线条“画”完，并且放大显示 */
.flygo-login-checkbox-circle.is-checked .flygo-check-svg {
    stroke-dashoffset: 0; /* 描边位移归零，完成“画线”过程 */
    opacity: 1;
    transform: scale(1);
}

/* 文字样式 */
.flygo-login-remember-text {
    font-size: 14px;
    color: #9999A4;
    transition: color 0.3s;
}

/* 选中时文字颜色稍微加深，增加阅读焦点 */
.flygo-remember-wrapper:hover .flygo-login-remember-text,
.flygo-login-checkbox-circle.is-checked + .flygo-login-remember-text {
    color: #4F4F55;
}

.flygo-login-remember-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #9999A4;
    font-weight: 400;
}

.flygo-login-forgot-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #FD2A3A;
    font-weight: 400;
}

/* ============================================================
   业务语义化样式 - 登录按钮
============================================================ */
.flygo-login-submit-btn {
    margin-bottom: calc(100vw / 390 * 32);
}

.flygo-login-submit-text {
}

/* ============================================================
   业务语义化样式 - 底部链接与协议
============================================================ */
.flygo-login-bottom-links-row {
    width: 100%;
}

.flygo-login-no-account-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #4F4F55;
    font-weight: 400;
    margin-right: calc(100vw / 390 * 8);
}

.flygo-login-register-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #FD2A3A;
    font-weight: 400;
}

.flygo-login-agreement-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9999A4;
    font-weight: 400;
    text-align: center;
}

.flygo-login-agreement-highlight {
    color: #FD2A3A;
}

.flygo-tips-number {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    padding: 0 calc(100vw / 390 * 10);
    color: #000000;
}

.flygo-tips-number--hr {
    border-bottom: 1px solid #E0E0E0 !important;
    height: calc(100vw / 390 * 10);
    width: 40%;
    float: right;
    border: none;
}

.flygo-tips-number--hl {
    border-bottom: 1px solid #E0E0E0 !important;
    height: calc(100vw / 390 * 10);
    width: 40%;
    float: left;
    border: none;
}

.flygo-icp-info {
    width: 100%;
    padding-bottom: calc(100vw / 390 * 5);
}

.flygo-icp-info:last-child {
    padding-bottom: 0;
}

.flygo-icp-info span {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: calc(100vw / 390 * 12);
    font-weight: normal;
    color: #9999A4;
}

/* ============================================================
           register.html
============================================================ */
.flygo-register-main-container {
    padding: calc(100vw / 390 * 130) calc(100vw / 390 * 35) 0 calc(100vw / 390 * 35);
}

.flygo-register-title-text {
    font-size: calc(100vw / 390 * 28);
    line-height: 1;
    height: calc(100vw / 390 * 28);
    font-weight: 600;
    color: #000000;
    letter-spacing: calc(100vw / 390 * -0.7);
    /* Margin = Figma间距 16px + 标题残留 (35-28)/2 = 3.5px + 副标残留 (24-16)/2 = 4px -> 23.5px 取整 24px */
    margin-bottom: calc(100vw / 390 * 24);
}

.flygo-register-subtitle-text {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 400;
    color: #4F4F55;
    /* Margin = Figma间距 40px + 副标残留 (24-16)/2 = 4px -> 44px */
    margin-bottom: calc(100vw / 390 * 44);
}

/* ============================================================
   业务语义化样式 - 表单输入区域
============================================================ */
.flygo-register-input-box {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: calc(100vw / 390 * 12);
    padding: 0 calc(100vw / 390 * 16);
    /* Margin = Figma 16px */
    margin-bottom: calc(100vw / 390 * 16);
    position: relative;
}

.flygo-register-input-box.referral {
    margin-bottom: calc(100vw / 390 * 20) !important;
}

/* 验证码同行组合框 (左右布局) */
.flygo-register-verif-row {
    width: 100%;
    height: calc(100vw / 390 * 50);
    /* Margin = Figma 16px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-register-verif-row.referral {
    margin-bottom: calc(100vw / 390 * 16) !important;
}

.flygo-register-verif-row.forgot {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-register-verif-input-box {
    width: calc(100vw / 390 * 194);
    height: 100%;
    background: #FFFFFF;
    border: 1px solid #E0E0E0;
    border-radius: calc(100vw / 390 * 12);
    padding: 0 calc(100vw / 390 * 16);
    position: relative;
}

.flygo-register-verif-btn {
    width: calc(100vw / 390 * 116);
    height: 100%;
    background: #F5F5F5;
    border-radius: calc(100vw / 390 * 12);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.flygo-register-verif-btn-text {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    color: #333333;
    font-weight: 400;
}

/* 输入框通用元素 */
.flygo-register-input-icon {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    margin-right: calc(100vw / 390 * 10);
    color: #9999A4;
    flex-shrink: 0;
}

.flygo-register-input-text {
}

.flygo-register-eye-icon {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    margin-left: calc(100vw / 390 * 10);
    color: #9999A4;
    flex-shrink: 0;
}

.flygo-register-mobile-select {
    font-size: calc(100vw / 390 * 16) !important;
    padding-right: 0;
    height: calc(100vw / 390 * 50);
    color: #6A635E !important;
    padding-top: 0 !important;
    background: transparent !important;
    width: calc(100vw / 390 * 100);
}

.flygo-register-mobile-select select {
    background: transparent;
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 50);
    line-height: calc(100vw / 390 * 50);
    color: #9999A4;
}

.flygo-register-mobile-select .custom-select-display {
    background: transparent;
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 50);
    line-height: calc(100vw / 390 * 50);
    color: #9999A4;
}

.flygo-register-mobile-select .custom-select-display::after {
    content: "";
    position: absolute;
    top: 50%;
    right: calc(100vw / 390 * 15);
    width: 0;
    height: 0;
    margin-top: calc(100vw / 390 * -3);
    border-width: calc(100vw / 390 * 6);
    border-style: solid;
    border-color: #9999A4 transparent transparent transparent;
}

.flygo-register-method-container {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-register-method {
    padding: calc(100vw / 390 * 7) calc(100vw / 390 * 20);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 15);
    width: calc(100vw / 390 * 135);
    /*position: relative;*/
}

.flygo-register-method-text {
    font-size: calc(100vw / 390 * 14);
    line-height: calc(100vw / 390 * 15);
    height: calc(100vw / 390 * 15);
    font-weight: bold;
    position: relative;
    z-index: 1;
}

.flygo-register-method-choose {
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 15);
    height: calc(100vw / 390 * 30);
    width: 0;
    position: absolute;
    z-index: 0;
}

/* ============================================================
   业务语义化样式 - 密码强度指示器
============================================================ */
.flygo-register-strength-container {
    width: 100%;
    /* Margin = Figma距下方输入框的间距 16px + 强度文本自身残留(20-14)/2=3px -> 19px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-register-strength-container.referral,
.flygo-register-strength-container.forgot {
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-register-bars-row {
    width: 100%;
    /* Margin = Figma内部间距 4px + 强度文本上方残留 3px -> 7px */
    margin-bottom: calc(100vw / 390 * 7);
}

.flygo-register-strength-bar-active {
    width: calc(100vw / 390 * 101.33);
    height: calc(100vw / 390 * 4);
    background: #FD2A3A !important;
    border-radius: calc(100vw / 390 * 9999);
}

.flygo-register-strength-bar-inactive {
    width: calc(100vw / 390 * 101.33);
    height: calc(100vw / 390 * 4);
    background: #E0E0E0;
    border-radius: calc(100vw / 390 * 9999);
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.flygo-register-strength-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1.5;
    /*height: calc(100vw / 390 * 14);*/
    color: #9999A4;
    font-weight: 400;
}

/* ============================================================
   业务语义化样式 - 提交按钮
============================================================ */
.flygo-register-submit-btn {
    margin-bottom: calc(100vw / 390 * 32);
}

.flygo-register-submit-text {
}

/* ============================================================
   业务语义化样式 - 底部链接与协议
============================================================ */
.flygo-register-bottom-links-row {
    width: 100%;
    /* Margin = Figma 30px + 协议文字上边缘残留补白 8px = 38px */
    margin-bottom: calc(100vw / 390 * 38);
}

.flygo-register-has-account-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #4F4F55;
    font-weight: 400;
    margin-right: calc(100vw / 390 * 8);
}

.flygo-register-login-link-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #FD2A3A;
    font-weight: 400;
}

.flygo-register-agreement-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9999A4;
    font-weight: 400;
    text-align: center;
}

.flygo-register-agreement-highlight {
    color: #FD2A3A;
}

.flygo-register-referral-use {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-register-referral-use span {
    font-size: calc(100vw / 390 * 14);
    line-height: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    color: #000000;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-register-referral-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    color: #9CA3AF;
    margin-right: calc(100vw / 390 * 6);
    flex-shrink: 0;
}

/* ============================================================
           referral.bind.html
============================================================ */
.flygo-referral-bind-hero-card {
    width: 100%;
    height: calc(100vw / 390 * 140);
    border-radius: calc(100vw / 390 * 16);
    /* 由于是预览环境，复杂的3D图形用近似的渐变色块模拟 */
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.05);
    padding: calc(100vw / 390 * 24) calc(100vw / 390 * 16);
    border: calc(100vw / 390 * 1) solid #FAF3F3;
    position: relative;
    overflow: hidden;
    /* 模块间距 = Figma 10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-referral-bind-hero-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-referral-bind-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-referral-bind-hero-content {
    position: relative;
    z-index: 1;
}

.flygo-referral-bind-hero-title-text {
    font-size: calc(100vw / 390 * 22);
    line-height: 1;
    height: calc(100vw / 390 * 22);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 8px + 标题残留 (33-22)/2=5.5px + 副标残留 (18-12)/2=3px -> 16.5px 取整 16px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-referral-bind-hero-subtitle-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    /* Margin = Figma间距 6px + 副标残留 (18-12)/2=3px + Badge无残留 -> 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-referral-bind-badge-container {
    width: 100%;
}

.flygo-referral-bind-badge {
    height: calc(100vw / 390 * 24);
    background: rgba(255, 255, 255, 0.8);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 8);
    margin-right: calc(100vw / 390 * 6);
}

.flygo-referral-bind-badge-icon-bg {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-referral-bind-bg-red {
    background: #FD2A3A;
}

.flygo-referral-bind-bg-orange {
    background: #FF7A04;
}

.flygo-referral-bind-bg-purple {
    background: #5856D6;
}

.flygo-referral-bind-badge-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FFFFFF;
}

.flygo-referral-bind-badge-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    color: #4F4F55;
    font-weight: 400;
}

/* ============================================================
   业务语义化样式 - 表单输入卡片
============================================================ */
.flygo-referral-bind-card-box {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    /* 模块间距 = Figma 10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-referral-bind-card-box:last-child {
    margin-bottom: 0;
    padding: 0;
}

.flygo-referral-bind-section-title-text {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 10px + 标题残留 (24-16)/2=4px + 输入框无残留 -> 14px */
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-referral-bind-input-wrapper {
    width: 100%;
    height: calc(100vw / 390 * 44);
    background: #F7F8FA;
    border: 1px solid #EFF0F3;
    border-radius: calc(100vw / 390 * 8);
    padding: 0 calc(100vw / 390 * 12) 0 calc(100vw / 390 * 16);
    /* Margin = Figma间距 10px */
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
}

.flygo-referral-bind-input-text {
    font-size: calc(100vw / 390 * 14) !important;
    height: calc(100vw / 390 * 44) !important;
}

.flygo-referral-bind-input-text:placeholder-shown {
    font-size: calc(100vw / 390 * 14) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-referral-bind-input-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 14) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-referral-bind-scan-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    margin-left: calc(100vw / 390 * 10);
    fill: #9CA3AF;
    flex-shrink: 0;
}

.flygo-referral-bind-search-btn {
}

.flygo-referral-bind-search-btn-text {
}

/* ============================================================
   业务语义化样式 - 邀请人信息卡片
============================================================ */
.flygo-referral-bind-profile-row {
    width: 100%;
    /* Margin = Figma间距 12px (头像区域与提示框间距) */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-referral-bind-avatar-box {
    border: calc(100vw / 390 * 1) solid #EEEEEE !important;
}

.flygo-referral-bind-name-text {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 600;
    color: #000000;
    /* Margin = Figma间距 2px + 名字残留 (27-18)/2=4.5px + ID残留 (18-12)/2=3px -> 9.5px 取整 10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-referral-bind-id-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9999A4;
    font-weight: 400;
}

.flygo-referral-bind-check-box {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    background: #F7F8FA;
    border-radius: 50%;
    flex-shrink: 0;
}

.flygo-referral-bind-check-box-active {
    background: #FFF0F2 !important;
}

.flygo-referral-bind-check-box-active .flygo-referral-bind-check-icon {
    fill: #FF1F40;
}

.flygo-referral-bind-check-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
}

.flygo-referral-bind-info-box {
    width: 100%;
    height: calc(100vw / 390 * 41);
    background: #F7F8FA;
    border-radius: calc(100vw / 390 * 8);
    padding: 0 calc(100vw / 390 * 12);
}

.flygo-referral-bind-info-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    fill: #9CA3AF;
    margin-right: calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-referral-bind-info-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    /*height: calc(100vw / 390 * 12);*/
    color: #9999A4;
    font-weight: 400;
}

/* ============================================================
   业务语义化样式 - 规则列表卡片
============================================================ */
.flygo-referral-bind-rule-item {
    width: 100%;
    height: calc(100vw / 390 * 54);
    padding: 0 calc(100vw / 390 * 16);
    border-top: 1px solid #F9FAFB;
    /* 修正因使用 border 产生的问题，第一项取消 border */
}

.flygo-referral-bind-rule-item:first-child {
    border-top: none;
    height: calc(100vw / 390 * 53); /* 对应Figma高度差异 */
}

.flygo-referral-bind-rule-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-referral-bind-color-red {
    fill: #FD2A3A;
}

.flygo-referral-bind-color-orange {
    fill: #FF7A04;
}

.flygo-referral-bind-color-blue {
    fill: #0B64FD;
}

.flygo-referral-bind-rule-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #4F4F55;
    font-weight: 400;
}

/* ============================================================
   业务语义化样式 - 吸底 Footer
============================================================ */
.flygo-referral-bind-fixed-footer {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(calc(100vw / 390 * 6));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 6));
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.flygo-referral-bind-submit-btn {
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-referral-bind-submit-text {
}

.flygo-referral-bind-skip-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #4F4F55;
    font-weight: 400;
    /* Margin = Figma间距 4px + 自身残留(21-14)/2=3.5px + 提示残留(16-11)/2=2.5px -> 10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-referral-bind-hint-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #9CA3AF;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-referral-bind-hint-text {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    color: #9CA3AF;
    font-weight: 400;
}

/* ============================================================
           upgrade.consume.html
============================================================ */
.flygo-upgrade-consume-hero-card {
    width: 100%;
    height: calc(100vw / 390 * 142);
    border-radius: calc(100vw / 390 * 16);
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.04);
    border: calc(100vw / 390 * 1) solid #FAF3F3;
    padding: calc(100vw / 390 * 20);
    position: relative;
    overflow: hidden;
    /* 模块外间距 */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-upgrade-consume-hero-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-consume-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-upgrade-consume-hero-content {
    position: relative;
    z-index: 1;
    height: 100%;
}

.flygo-upgrade-consume-hero-title-text {
    font-size: calc(100vw / 390 * 20);
    line-height: 1;
    height: calc(100vw / 390 * 20);
    font-weight: 500;
    color: #000000;
    /* Figma间距10px，由于Figma原设定LH即为100%，无残余，直接10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-consume-hero-subtitle-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
    /* Figma间距14px */
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-upgrade-consume-hero-price-pill {
    background: #FEE8E6;
    height: calc(100vw / 390 * 28);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 14);
}

.flygo-upgrade-consume-hero-price-val {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 600;
    color: #FD2A3A;
}

.flygo-upgrade-consume-hero-price-unit {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FD2A3A;
}

/* ============================================================
   模块 2: 特权宫格 (Features Grid)
============================================================ */
.flygo-upgrade-consume-features-grid {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    gap: calc(100vw / 390 * 12);
}

.flygo-upgrade-consume-feature-item {
    width: calc(50% - calc(100vw / 390 * 6));
    background: #F9F9F9;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 10);
}

.flygo-upgrade-consume-feature-icon-box {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: 50%;
    /* Figma间距 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-upgrade-consume-icon-bg-1 {
    background: #FD2A3A;
    box-shadow: 0px 2px 4px rgba(255, 51, 75, 0.2);
}

.flygo-upgrade-consume-icon-bg-2 {
    background: #FF7A04;
    box-shadow: 0px 2px 4px rgba(255, 122, 4, 0.2);
}

.flygo-upgrade-consume-icon-bg-3 {
    background: #FF6B6B;
    box-shadow: 0px 2px 4px rgba(255, 107, 107, 0.2);
}

.flygo-upgrade-consume-icon-bg-4 {
    background: #FD2A3A;
    box-shadow: 0px 2px 4px rgba(255, 51, 75, 0.2);
}

.flygo-upgrade-consume-feature-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FFFFFF;
}

.flygo-upgrade-consume-feature-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    text-align: center;
    /* Margin = Figma间距 2px + 副标残余(15-10)/2=2.5px -> 4.5px 取整 5px */
    margin-bottom: calc(100vw / 390 * 5);
}

.flygo-upgrade-consume-feature-subtitle {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* ============================================================
   模块 3: 为什么开通 (Why Open Section)
============================================================ */
.flygo-upgrade-consume-why-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-consume-why-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 600;
    color: #000000;
    /* Margin = Figma间距 16px + 列表项标题残余(21-14)/2=3.5px -> 19.5px 取整 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-upgrade-consume-why-item {
    width: 100%;
    /* Margin = Figma间距 16px + 当前项副标残余(16-12)/2=2px + 下一项标题残余(21-14)/2=3.5px -> 21.5px 取整 22px */
    margin-bottom: calc(100vw / 390 * 22);
}

.flygo-upgrade-consume-why-item:last-child {
    margin-bottom: 0;
}

.flygo-upgrade-consume-why-icon-box {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-upgrade-consume-why-bg-red {
    background: #FFF2F4;
    fill: #FD2A3A;
}

.flygo-upgrade-consume-why-bg-orange {
    background: #FFF4E5;
    fill: #FF7A04;
}

.flygo-upgrade-consume-why-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-upgrade-consume-why-text-col {
    flex-grow: 1;
}

.flygo-upgrade-consume-why-item-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 2px + 标题底部残余(21-14)/2=3.5px + 副标顶部残余(16-12)/2=2px -> 7.5px 取整 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-upgrade-consume-why-item-subtitle {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   模块 4: 当前状态 (Status Card)
============================================================ */
.flygo-upgrade-consume-status-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

.flygo-upgrade-consume-status-avatar-wrapper {
    width: calc(100vw / 390 * 52);
    height: calc(100vw / 390 * 52);
    border: calc(100vw / 390 * 1) solid #EEEEEE;
    border-radius: 50%;
    /*padding: calc(100vw / 390 * 1);*/
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    z-index: 1;
    overflow: hidden;
}

.flygo-upgrade-consume-status-avatar-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-upgrade-consume-status-text-col {
    z-index: 1;
}

.flygo-upgrade-consume-status-label {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    font-weight: 400;
    color: #9999A4;
    /* Margin = Figma间距 0px + 自身残余(16-11)/2=2.5px + 标题残余(21-14)/2=3.5px -> 6px */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-upgrade-consume-status-value {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 0px + 自身残余3.5px + 提示残余2.5px -> 6px */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-upgrade-consume-status-hint {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-consume-status-lock-bg {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-consume-service.png) no-repeat right calc(100vw / 390 * 16) center;
    background-size: auto calc(100vw / 390 * 79);
    inset: 0;
    z-index: 0;
}

/* ============================================================
   模块 5: 购买详情 (Details Card)
============================================================ */
.flygo-upgrade-consume-details-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20);
}

.flygo-upgrade-consume-details-row {
    width: 100%;
}

.flygo-upgrade-consume-details-col {
    flex: 1;
}

.flygo-upgrade-consume-details-label {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    text-align: center;
    /* Margin = Figma间距 4px + Label残余(16-12)/2=2px + Val残余(28-16)/2=6px -> 12px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-upgrade-consume-details-val-red {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #FD2A3A;
    text-align: center;
}

.flygo-upgrade-consume-details-val-black {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #000000;
    text-align: center;
}

.flygo-upgrade-consume-details-divider {
    width: 100%;
    border-top: 1px solid #EEEEEE;
    /* Margin Top = Figma间距 16px + 值残余6px -> 22px */
    margin-top: calc(100vw / 390 * 22);
    /* Padding Top = Figma 16px (下边无残余抵消) */
    padding-top: calc(100vw / 390 * 16);
}

.flygo-upgrade-consume-notice-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-consume-notice-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
    margin-right: calc(100vw / 390 * 6);
}

.flygo-upgrade-consume-arrow-icon {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    fill: #9999A4;
}

/* ============================================================
   业务语义化样式 - 吸底 Footer
============================================================ */
.flygo-upgrade-consume-fixed-footer {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(calc(100vw / 390 * 6));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 6));
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.flygo-upgrade-consume-submit-btn {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-upgrade-consume-submit-text {
}

.flygo-upgrade-consume-cancel-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #4F4F55;
    font-weight: 400;
}

/* ============================================================
           upgrade.service.html
============================================================ */
.flygo-upgrade-service-hero-card {
    width: 100%;
    height: calc(100vw / 390 * 142);
    border-radius: calc(100vw / 390 * 16);
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.04);
    border: calc(100vw / 390 * 1) solid #FAF3F3;
    padding: calc(100vw / 390 * 20);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 16);
    box-sizing: border-box;
}

.flygo-upgrade-service-hero-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-service-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0
}

.flygo-upgrade-service-hero-content {
    position: relative;
    z-index: 1;
    height: 100%;
    justify-content: center;
}

.flygo-upgrade-service-hero-title-text {
    font-size: calc(100vw / 390 * 20);
    line-height: 1;
    height: calc(100vw / 390 * 20);
    font-weight: 500;
    color: #000000;
    /* Figma间距10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-service-hero-subtitle-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
    /* Figma间距14px (由于LH=1, 假定无额外残余需要扣除) */
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-upgrade-service-hero-price-pill {
    background: #FEE8E6;
    height: calc(100vw / 390 * 28);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
}

.flygo-upgrade-service-hero-price-val {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 600;
    color: #FD2A3A;
}

.flygo-upgrade-service-hero-price-unit {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-upgrade-service-hero-limit-pill {
    background: rgba(253, 243, 243, 0.8);
    border: calc(100vw / 390 * 1) solid #FEDFE1;
    height: calc(100vw / 390 * 23);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-upgrade-service-hero-limit-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 500;
    color: #722725;
}

/* ============================================================
   模块 2: 特权宫格 (Features Grid)
============================================================ */
.flygo-upgrade-service-features-grid {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    gap: calc(100vw / 390 * 12);
}

.flygo-upgrade-service-feature-item {
    width: calc(50% - calc(100vw / 390 * 6));
    background: #F9F9F9;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 10);
}

.flygo-upgrade-service-feature-icon-box {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: 50%;
    /* Figma间距 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-upgrade-service-icon-bg-1 {
    background: #FDEFF0;
}

.flygo-upgrade-service-icon-bg-2 {
    background: #F0EFFD;
}

.flygo-upgrade-service-icon-bg-3 {
    background: #FDF3E7;
}

.flygo-upgrade-service-icon-bg-4 {
    background: #FDEFEF;
}

.flygo-upgrade-service-icon-color-1 {
    fill: #FD2A3A;
}

.flygo-upgrade-service-icon-color-2 {
    fill: #0B64FD;
}

.flygo-upgrade-service-icon-color-3 {
    fill: #FF7A04;
}

.flygo-upgrade-service-icon-color-4 {
    fill: #FD2A3A;
}

.flygo-upgrade-service-feature-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
}

.flygo-upgrade-service-feature-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    text-align: center;
    /* Margin = Figma间距 2px + 副标残余(15-10)/2=2.5px -> 4.5px 取整 5px */
    margin-bottom: calc(100vw / 390 * 5);
}

.flygo-upgrade-service-feature-subtitle {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* ============================================================
   模块 3: 为什么开通 (Why Open Section)
============================================================ */
.flygo-upgrade-service-why-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-service-why-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 600;
    color: #000000;
    /* Margin = Figma间距 16px + 列表项标题残余(21-14)/2=3.5px -> 19.5px 取整 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-upgrade-service-why-item {
    width: 100%;
    /* Margin = Figma间距 16px + 当前项副标残余(16-12)/2=2px + 下一项标题残余(21-14)/2=3.5px -> 21.5px 取整 22px */
    margin-bottom: calc(100vw / 390 * 22);
}

.flygo-upgrade-service-why-item:last-child {
    margin-bottom: 0;
}

.flygo-upgrade-service-why-icon-box {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-upgrade-service-why-bg-red {
    background: #FFF2F4;
    fill: #FD2A3A;
}

.flygo-upgrade-service-why-bg-orange {
    background: #FFF4E5;
    fill: #FF7A04;
}

.flygo-upgrade-service-why-bg-purple {
    background: #EFEFFD;
    fill: #5F48F3;
}

.flygo-upgrade-service-why-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-upgrade-service-why-text-col {
    flex-grow: 1;
}

.flygo-upgrade-service-why-item-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 2px + 标题底部残余(21-14)/2=3.5px + 副标顶部残余(16-12)/2=2px -> 7.5px 取整 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-upgrade-service-why-item-subtitle {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   模块 4: 服务费选项 (Service Fee Option) - 新增
============================================================ */
.flygo-upgrade-service-fee-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-service-fee-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 600;
    color: #000000;
    /* Margin = Figma间距 8px + 内部项标题残余(21-14)/2=3.5px -> 11.5px 取整 12px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-upgrade-service-fee-box {
    width: 100%;
    background: #F7F8FA;
    border: 1px solid #F7F8FA;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 12) calc(100vw / 390 * 12);
    /* Margin = Figma间距 8px + 内部项底部残余 2px -> 10px */
    margin-bottom: calc(100vw / 390 * 10);
    box-sizing: border-box;
}

.flygo-upgrade-service-fee-box-active {
    background: #FFF0F2 !important;
    border: 1px solid #FD2A3A !important;
}

.flygo-upgrade-service-fee-check-box {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background: #DADADD;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-upgrade-service-fee-box-active .flygo-upgrade-service-fee-check-box {
    background: #FD2A3A !important;
}

.flygo-upgrade-service-fee-check-box-active {
}

.flygo-upgrade-service-fee-check-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FFFFFF;
}

.flygo-upgrade-service-fee-item-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 间距 0, 直接紧贴副标题 */
    margin-bottom: calc(100vw / 390 * 4); /* 补一点微距让视觉不拥挤 */
}

.flygo-upgrade-service-fee-item-subtitle {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-service-fee-price-pill {
    background: #FFFFFF;
    height: calc(100vw / 390 * 28);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-upgrade-service-fee-price-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-upgrade-service-fee-hint-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9CA3AF;
    margin-right: calc(100vw / 390 * 6);
}

.flygo-upgrade-service-fee-hint-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9CA3AF;
}

/* ============================================================
   模块 5: 当前状态 (Status Card)
============================================================ */
.flygo-upgrade-service-status-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

.flygo-upgrade-service-status-avatar-wrapper {
    width: calc(100vw / 390 * 52);
    height: calc(100vw / 390 * 52);
    border: calc(100vw / 390 * 1) solid #EEEEEE;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    z-index: 1;
    overflow: hidden;
}

.flygo-upgrade-service-status-avatar-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-upgrade-service-status-text-col {
    z-index: 1;
}

.flygo-upgrade-service-status-label {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    font-weight: 400;
    color: #9999A4;
    /* Margin = Figma间距 0px + 自身残余(16-11)/2=2.5px + 标题残余(21-14)/2=3.5px -> 6px */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-upgrade-service-status-value {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 0px + 自身残余3.5px + 提示残余2.5px -> 6px */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-upgrade-service-status-hint {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-service-status-lock-bg {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-consume-service.png) no-repeat right calc(100vw / 390 * 16) center;
    background-size: auto calc(100vw / 390 * 79);
    inset: 0;
    z-index: 0;
}

/* ============================================================
   模块 6: 购买详情 (Details Card)
============================================================ */
.flygo-upgrade-service-details-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20);
}

.flygo-upgrade-service-details-row {
    width: 100%;
}

.flygo-upgrade-service-details-col {
    flex: 1;
}

.flygo-upgrade-service-details-border {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-upgrade-service-details-label {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    text-align: center;
    /* Margin = Figma间距 4px + Label残余(16-12)/2=2px + Val残余(28-16)/2=6px -> 12px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-upgrade-service-details-val-red {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #FD2A3A;
    text-align: center;
}

.flygo-upgrade-service-details-val-black {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #000000;
    text-align: center;
    /* Margin bottom for subtext */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-upgrade-service-details-val-sub {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

.flygo-upgrade-service-details-divider {
    width: 100%;
    border-top: 1px solid #EEEEEE;
    /* Margin Top = Figma间距 16px + 值残余6px -> 22px */
    margin-top: calc(100vw / 390 * 22);
    /* Padding Top = Figma 16px (下边无残余抵消) */
    padding-top: calc(100vw / 390 * 16);
}

.flygo-upgrade-service-notice-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-service-notice-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
    margin-right: calc(100vw / 390 * 6);
}

.flygo-upgrade-service-arrow-icon {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    fill: #9999A4;
}

/* ============================================================
   业务语义化样式 - 吸底 Footer
============================================================ */
.flygo-upgrade-service-fixed-footer {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(calc(100vw / 390 * 6));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 6));
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.flygo-upgrade-service-submit-btn {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 12);
    /* Margin = Figma间距 8px + Btn残余(24-16)/2=4px + 下方文本残余(21-14)/2=3.5px -> 15.5px 取整 16px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-upgrade-service-submit-text {
}

.flygo-upgrade-service-cancel-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #4F4F55;
    font-weight: 400;
}

/* ============================================================
           upgrade.alliance.html
============================================================ */
.flygo-upgrade-alliance-hero-card {
    width: 100%;
    height: calc(100vw / 390 * 142);
    border-radius: calc(100vw / 390 * 16);
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.04);
    border: calc(100vw / 390 * 1) solid #FAF3F3;
    padding: calc(100vw / 390 * 20);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 16);
    box-sizing: border-box;
}

.flygo-upgrade-alliance-hero-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-alliance-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0
}

.flygo-upgrade-alliance-hero-content {
    position: relative;
    z-index: 1;
    height: 100%;
    justify-content: center;
}

.flygo-upgrade-alliance-hero-title-text {
    font-size: calc(100vw / 390 * 20);
    line-height: 1;
    height: calc(100vw / 390 * 20);
    font-weight: 500;
    color: #000000;
    /* Figma间距10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-alliance-hero-subtitle-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
    /* Figma间距14px */
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-upgrade-alliance-hero-price-pill {
    background: #FEE8E6;
    height: calc(100vw / 390 * 28);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
}

.flygo-upgrade-alliance-hero-price-val {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 600;
    color: #FD2A3A;
}

.flygo-upgrade-alliance-hero-price-unit {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-upgrade-alliance-hero-limit-pill {
    background: rgba(253, 243, 243, 0.8);
    border: calc(100vw / 390 * 1) solid #FEDFE1;
    height: calc(100vw / 390 * 23);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-upgrade-alliance-hero-limit-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 500;
    color: #722725;
}

/* ============================================================
   模块 2: 特权宫格 (Features Grid)
============================================================ */
.flygo-upgrade-alliance-features-grid {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    gap: calc(100vw / 390 * 12);
}

.flygo-upgrade-alliance-feature-item {
    width: calc(50% - calc(100vw / 390 * 6));
    background: #F9F9F9;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 10);
}

.flygo-upgrade-alliance-feature-icon-box {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: 50%;
    /* Figma间距 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-upgrade-alliance-icon-bg-1 {
    background: #FDEFF0;
}

.flygo-upgrade-alliance-icon-bg-2 {
    background: #F0EFFD;
}

.flygo-upgrade-alliance-icon-bg-3 {
    background: #FDF3E7;
}

.flygo-upgrade-alliance-icon-bg-4 {
    background: #FDEFEF;
}

.flygo-upgrade-alliance-icon-color-1 {
    fill: #FD2A3A;
}

.flygo-upgrade-alliance-icon-color-2 {
    fill: #0B64FD;
}

.flygo-upgrade-alliance-icon-color-3 {
    fill: #FF7A04;
}

.flygo-upgrade-alliance-icon-color-4 {
    fill: #FD2A3A;
}

.flygo-upgrade-alliance-feature-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
}

.flygo-upgrade-alliance-feature-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    text-align: center;
    /* Margin = Figma间距 2px + 副标残余(15-10)/2=2.5px -> 4.5px 取整 5px */
    margin-bottom: calc(100vw / 390 * 5);
}

.flygo-upgrade-alliance-feature-subtitle {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* ============================================================
   模块 3: 为什么开通 (Why Open Section)
============================================================ */
.flygo-upgrade-alliance-why-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-alliance-why-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 600;
    color: #000000;
    /* Margin = Figma间距 16px + 列表项标题残余(21-14)/2=3.5px -> 19.5px 取整 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-upgrade-alliance-why-item {
    width: 100%;
    /* Margin = Figma间距 16px + 当前项副标残余(16-12)/2=2px + 下一项标题残余(21-14)/2=3.5px -> 21.5px 取整 22px */
    margin-bottom: calc(100vw / 390 * 22);
}

.flygo-upgrade-alliance-why-item:last-child {
    margin-bottom: 0;
}

.flygo-upgrade-alliance-why-icon-box {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-upgrade-alliance-why-bg-red {
    background: #FFF2F4;
    fill: #FD2A3A;
}

.flygo-upgrade-alliance-why-bg-orange {
    background: #FFF4E5;
    fill: #FF7A04;
}

.flygo-upgrade-alliance-why-bg-purple {
    background: #EFEFFD;
    fill: #5F48F3;
}

.flygo-upgrade-alliance-why-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-upgrade-alliance-why-text-col {
    flex-grow: 1;
}

.flygo-upgrade-alliance-why-item-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 2px + 标题底部残余(21-14)/2=3.5px + 副标顶部残余(16-12)/2=2px -> 7.5px 取整 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-upgrade-alliance-why-item-subtitle {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   模块 4: 服务费选项 (Service Fee Option)
============================================================ */
.flygo-upgrade-alliance-fee-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-alliance-fee-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 600;
    color: #000000;
    /* Margin = Figma间距 8px + 内部项标题残余(21-14)/2=3.5px -> 11.5px 取整 12px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-upgrade-alliance-fee-box {
    width: 100%;
    background: #F7F8FA;
    border: 1px solid #F7F8FA;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 12) calc(100vw / 390 * 12);
    /* Margin = Figma间距 8px + 内部项底部残余 2px -> 10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-alliance-fee-box-active {
    background: #FFF0F2 !important;
    border: 1px solid #FD2A3A !important;
}

.flygo-upgrade-alliance-fee-check-box {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background: #DADADD;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-upgrade-alliance-fee-box-active .flygo-upgrade-alliance-fee-check-box {
    background: #FD2A3A !important;
}

.flygo-upgrade-alliance-fee-check-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FFFFFF;
}

.flygo-upgrade-alliance-fee-item-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 间距 0, 补充微距4px */
    margin-bottom: calc(100vw / 390 * 4);
}

.flygo-upgrade-alliance-fee-item-subtitle {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-alliance-fee-price-pill {
    background: #FFFFFF;
    height: calc(100vw / 390 * 28);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-upgrade-alliance-fee-price-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-upgrade-alliance-fee-hint-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9CA3AF;
    margin-right: calc(100vw / 390 * 6);
}

.flygo-upgrade-alliance-fee-hint-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9CA3AF;
}

/* ============================================================
   模块 5: 当前状态 (Status Card)
============================================================ */
.flygo-upgrade-alliance-status-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

.flygo-upgrade-alliance-status-avatar-wrapper {
    width: calc(100vw / 390 * 52);
    height: calc(100vw / 390 * 52);
    border: calc(100vw / 390 * 1) solid #EEEEEE;
    border-radius: 50%;
    padding: calc(100vw / 390 * 1);
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    z-index: 1;
    overflow: hidden;
}

.flygo-upgrade-alliance-status-avatar-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-upgrade-alliance-status-text-col {
    z-index: 1;
}

.flygo-upgrade-alliance-status-label {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    font-weight: 400;
    color: #9999A4;
    /* Margin = Figma间距 0px + 自身残余(16-11)/2=2.5px + 标题残余(21-14)/2=3.5px -> 6px */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-upgrade-alliance-status-value {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 0px + 自身残余3.5px + 提示残余2.5px -> 6px */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-upgrade-alliance-status-hint {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-alliance-status-lock-bg {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-consume-service.png) no-repeat right calc(100vw / 390 * 16) center;
    background-size: auto calc(100vw / 390 * 79);
    inset: 0;
    z-index: 0;
}

/* ============================================================
   模块 6: 购买详情 (Details Card)
============================================================ */
.flygo-upgrade-alliance-details-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20);
}

.flygo-upgrade-alliance-details-row {
    width: 100%;
}

.flygo-upgrade-alliance-details-col {
    flex: 1;
}

.flygo-upgrade-alliance-details-border {
    border-left: 1px solid #EEEEEE;
    border-right: 1px solid #EEEEEE;
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-upgrade-alliance-details-label {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    text-align: center;
    /* Margin = Figma间距 4px + Label残余(16-12)/2=2px + Val残余(28-16)/2=6px -> 12px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-upgrade-alliance-details-val-red {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #FD2A3A;
    text-align: center;
}

.flygo-upgrade-alliance-details-val-black {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #000000;
    text-align: center;
    /* Margin bottom for subtext */
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-upgrade-alliance-details-val-sub {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

.flygo-upgrade-alliance-details-divider {
    width: 100%;
    border-top: 1px solid #EEEEEE;
    /* Margin Top = Figma间距 16px + 值残余6px -> 22px */
    margin-top: calc(100vw / 390 * 22);
    /* Padding Top = Figma 16px (下边无残余抵消) */
    padding-top: calc(100vw / 390 * 16);
}

.flygo-upgrade-alliance-notice-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-alliance-notice-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
    margin-right: calc(100vw / 390 * 6);
}

.flygo-upgrade-alliance-arrow-icon {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    fill: #9999A4;
}

/* ============================================================
   业务语义化样式 - 吸底 Footer
============================================================ */
.flygo-upgrade-alliance-fixed-footer {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(calc(100vw / 390 * 6));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 6));
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.flygo-upgrade-alliance-submit-btn {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 12);
    /* Margin = Figma间距 8px + Btn残余(24-16)/2=4px + 下方文本残余(21-14)/2=3.5px -> 15.5px 取整 16px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-upgrade-alliance-submit-text {
}

.flygo-upgrade-alliance-cancel-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    color: #4F4F55;
    font-weight: 400;
}

/* ============================================================
           grade.center.html
============================================================ */
.flygo-grade-center-user-card {
    width: 100%;
    /*height: calc(100vw / 390 * 120);*/
    border-radius: calc(100vw / 390 * 16);
    border: calc(100vw / 390 * 1) solid #FFF0F0;
    padding: calc(100vw / 390 * 16);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-center-user-shield-bg {
    position: absolute;
    background: url(../img/flygo/flygo-grade-center-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-grade-center-user-content {
    position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
}

.flygo-grade-center-avatar-box {
    width: calc(100vw / 390 * 64);
    height: calc(100vw / 390 * 64);
    border: calc(100vw / 390 * 1) solid #FFEEEE;
    border-radius: 50%;
    flex-shrink: 0;
    margin-right: calc(100vw / 390 * 16);
    overflow: hidden;
    background: #E5E7EB;
}

.flygo-grade-center-avatar-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-grade-center-user-name {
    font-size: calc(100vw / 390 * 20);
    line-height: 1;
    height: calc(100vw / 390 * 20);
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-grade-center-user-id-row {
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-grade-center-user-id {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

.flygo-grade-center-copy-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #9999A4;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-grade-center-tag-red {
    background: #FFE5E5;
    border-radius: calc(100vw / 390 * 9999);
    padding: calc(100vw / 390 * 4) calc(100vw / 390 * 8);
    margin-right: calc(100vw / 390 * 8);
}

.flygo-grade-center-tag-orange {
    background: #FDF6F0;
    border-radius: calc(100vw / 390 * 9999);
    padding: calc(100vw / 390 * 4) calc(100vw / 390 * 8);
}

.flygo-grade-center-tag-icon-small {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 2);
    fill: #FD2A3A;
}

.flygo-grade-center-tag-text-red {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #FD2A3A;
}

.flygo-grade-center-tag-text-gray {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #4F4F55;
}

.flygo-grade-center-user-hint {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
    margin-top: calc(100vw / 390 * 8);
}

/* ============================================================
   模块 2: 订单工作台 (Order Workspace)
============================================================ */
.flygo-grade-center-order-card {
    width: 100%;
    background: #FFFFFF;
    border: 1px solid rgba(255, 255, 255, 0.5);
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-center-order-icon-box {
    width: calc(100vw / 390 * 58);
    height: calc(100vw / 390 * 58);
    border-radius: calc(100vw / 390 * 10);
    margin-right: calc(100vw / 390 * 10);
    flex-shrink: 0;
    background: url(../img/flygo/flygo-grade-center-work.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-grade-center-order-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-grade-center-order-subtitle {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    margin-bottom: calc(100vw / 390 * 4);
}

.flygo-grade-center-order-hint {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
}

.flygo-grade-center-order-badge {
    background: #FEF2F2;
    height: calc(100vw / 390 * 28);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 10);
    flex-shrink: 0;
}

.flygo-grade-center-order-badge-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #FD2A3A;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-grade-center-order-chevron {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    fill: #FD2A3A;
}

/* ============================================================
   模块 3: 成长路径 (Growth Path Diagram) - 修复图表布局
============================================================ */
.flygo-grade-center-path-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-center-section-header {
    width: 100%;
    /*margin-bottom: calc(100vw / 390 * 6);*/
}

.flygo-grade-center-section-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    margin-right: calc(100vw / 390 * 6);
    fill: #000000;
}

.flygo-grade-center-section-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #000000;
}

.flygo-grade-center-path-notice-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #FD2A3A;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-grade-center-path-notice-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #FD2A3A;
}

.flygo-grade-center-path-subtitle {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #8E8E93;
    margin-top: calc(100vw / 390 * 16);
}

/* 修复的核心结构区域 */
.flygo-grade-center-diagram-row {
    margin-top: calc(100vw / 390 * 12);
    width: 100%;
    height: calc(100vw / 390 * 130);
}

/* 左侧：当前身份卡片 */
.flygo-grade-center-status-current {
    width: calc(100vw / 390 * 66);
    height: 100%;
    background: #FFF9F5;
    border: 1px solid #FFF0F0;
    border-radius: calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-grade-center-current-icon-bg {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background: #FD2A3A;
    border-radius: 50%;
    margin-bottom: calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-grade-center-current-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FFFFFF;
}

.flygo-grade-center-current-title {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FD2A3A;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-grade-center-current-sub {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
}

/* 中间：连接线括号 */
.flygo-grade-center-diagram-bracket {
    width: calc(100vw / 390 * 12);
    height: 100%;
    margin-left: calc(100vw / 390 * 4);
    margin-right: calc(100vw / 390 * 4);
    flex-shrink: 0;
    background: url(../img/flygo/flygo-grade-center-two.png) no-repeat center center;
    background-size: auto 100%;
    inset: 0;
    z-index: 0;
}

/* 右侧：升级路径列表 */
.flygo-grade-center-upgrade-list {
    flex-grow: 1;
    height: 100%;
}

.flygo-grade-center-upgrade-row {
    width: 100%;
}

.flygo-grade-center-upgrade-card {
    width: calc(100vw / 390 * 124);
    height: calc(100vw / 390 * 60);
    border-radius: calc(100vw / 390 * 8);
    padding: calc(100vw / 390 * 10);
}

.flygo-grade-center-upgrade-service {
    background: #F8F6FD;
    border: 1px solid #EBEBFF;
}

.flygo-grade-center-upgrade-alliance {
    background: #FFF7ED;
    border: 1px solid #FFF0E0;
}

.flygo-grade-center-upgrade-icon-box {
    width: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 6);
    flex-shrink: 0;

}

.flygo-grade-center-upgrade-icon-box svg {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #FFFFFF;
}

.flygo-grade-center-bg-purple {
    background: #5856D6;
}

.flygo-grade-center-bg-orange {
    background: #FF7A04;
}

.flygo-grade-center-text-purple {
    color: #5856D6;
    fill: #5856D6;
}

.flygo-grade-center-text-orange {
    color: #FF7A04;
    fill: #FF7A04;
}

.flygo-grade-center-upgrade-title {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-grade-center-upgrade-sub {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
}

/* 外部箭头与按钮 */
.flygo-grade-center-diagram-arrow {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #9999A4;
    margin: 0 calc(100vw / 390 * 4);
    flex-shrink: 0;
    transform: rotate(180deg);
}

.flygo-grade-center-upgrade-btn {
    background: #FEF6F6;
    border: 1px solid #FEEEEE;
    border-radius: calc(100vw / 390 * 6);
    flex-shrink: 0;
    height: calc(100vw / 390 * 40);
    width: calc(100vw / 390 * 100);
}

.flygo-grade-center-upgrade-btn-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FD2A3A;
    margin-right: calc(100vw / 390 * 4);
}

/* 底部路径文字栏 */
.flygo-grade-center-path-footer {
    width: 100%;
    height: calc(100vw / 390 * 44);
    background: #F9FAFB;
    border-radius: calc(100vw / 390 * 8);
    padding: 0 calc(100vw / 390 * 10);
    margin-top: calc(100vw / 390 * 12);
}

.flygo-grade-center-path-pill-service {
    background: #F4F4FF;
    border: 1px solid #EBEBFF;
    border-radius: calc(100vw / 390 * 6);
    padding: 0 calc(100vw / 390 * 8);
    flex-shrink: 0;
    height: calc(100vw / 390 * 28);
    /*width: calc(100vw / 390 * 52);*/
}

.flygo-grade-center-path-pill-text-purple {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #5856D6;
}

.flygo-grade-center-path-pill-alliance {
    background: #FFF7ED;
    border: 1px solid #FFF0E0;
    border-radius: calc(100vw / 390 * 6);
    padding: 0 calc(100vw / 390 * 8);
    flex-shrink: 0;
    height: calc(100vw / 390 * 28);
    /*width: calc(100vw / 390 * 52);*/
}

.flygo-grade-center-path-pill-text-orange {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #FF7A04;
}

.flygo-grade-center-path-arrow {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
    margin: 0 calc(100vw / 390 * 12);
    transform: rotate(180deg);
}

.flygo-grade-center-path-footer-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    /*height: calc(100vw / 390 * 12);*/
    font-weight: 400;
    color: #8E8E93;
    margin-left: calc(100vw / 390 * 12);
}

/* ============================================================
   模块 4: 身份权益对比 (Benefits Comparison)
============================================================ */
.flygo-grade-center-compare-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-center-compare-grid {
    width: 100%;
    margin-top: calc(100vw / 390 * 16);
    gap: calc(100vw / 390 * 10);
}

.flygo-grade-center-compare-col {
    flex: 1;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 14) calc(100vw / 390 * 12);
}

.flygo-grade-center-compare-service {
    background: #F8F6FD;
    border: 1px solid #EBEBFF;
}

.flygo-grade-center-compare-alliance {
    background: #FFF7ED;
    border: 1px solid #FFF0E0;
}

.flygo-grade-center-compare-header {
    width: 100%;
}

.flygo-grade-center-compare-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-grade-center-compare-sub {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    font-weight: 400;
    color: #9999A4;
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-grade-center-compare-badge {
    width: calc(100vw / 390 * 30);
    height: calc(100vw / 390 * 30);
    border-radius: 50%;
    color: #FFFFFF;
    flex-shrink: 0;
}


.flygo-grade-center-compare-badge svg {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    fill: #FFFFFF;
}

.flygo-grade-center-compare-list {
    width: 100%;
    gap: calc(100vw / 390 * 8);
}

.flygo-grade-center-check-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-grade-center-list-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    margin-bottom: calc(100vw / 390 * 4);
}

.flygo-grade-center-list-sub {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #8E8E93;
    padding-left: calc(100vw / 390 * 20);
}

/* ============================================================
   模块 5: 权益补齐 (Equity Supplement)
============================================================ */
.flygo-grade-center-equity-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-center-equity-box {
    width: 100%;
    margin-top: calc(100vw / 390 * 16);
}

.flygo-grade-center-equity-icon-bg {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    background: #FF7A04;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    color: #FFFFFF;
}

.flygo-grade-center-equity-icon-bg svg {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    fill: #FFFFFF;
}

.flygo-grade-center-equity-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-grade-center-equity-sub {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
}

.flygo-grade-center-equity-btn {
    background: #FEF6F6;
    height: calc(100vw / 390 * 32);
    border-radius: calc(100vw / 390 * 34);
    padding: 0 calc(100vw / 390 * 16);
    flex-shrink: 0;
}

.flygo-grade-center-equity-btn-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #FD2A3A;
}

/* ============================================================
   模块 6: 资格说明 (Qualifications Info)
============================================================ */
.flygo-grade-center-qual-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
}

.flygo-grade-center-qual-list {
    margin-top: calc(100vw / 390 * 16);
    width: 100%;
}

.flygo-grade-center-qual-item {
    width: 100%;
    padding: calc(100vw / 390 * 12) 0;
    border-bottom: 1px solid #F7F8FA;
}

.flygo-grade-center-qual-item:first-child {
    padding-top: 0;
}

.flygo-grade-center-qual-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.flygo-grade-center-qual-icon-box {
    width: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-grade-center-qual-icon-box svg {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-grade-center-bg-light-red {
    background: #FFF0F0;
    color: #FD2A3A;
    fill: #FD2A3A;
}

.flygo-grade-center-bg-light-purple {
    background: #F4F4FF;
    color: #5856D6;
    fill: #5856D6;
}

.flygo-grade-center-bg-light-orange {
    background: #FFF7ED;
    color: #FF7A04;
    fill: #FF7A04;
}

.flygo-grade-center-bg-light-gray {
    background: #F2F2F7;
    color: #8E8E93;
    fill: #8E8E93;
}

.flygo-grade-center-qual-left {
    flex-grow: 1;
}

.flygo-grade-center-qual-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #000000;
}

.flygo-grade-center-qual-arrow {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    fill: #C7C7CC;
    flex-shrink: 0;
}

/* ============================================================
   业务语义化样式 - 吸底 Footer
============================================================ */
.flygo-grade-center-fixed-footer {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(calc(100vw / 390 * 6));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 6));
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.flygo-grade-center-footer-btn-row {
    width: 100%;
    gap: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-grade-center-btn-red {
    flex: 1;
}

.flygo-grade-center-btn-red-text {
}

.flygo-grade-center-btn-outline {
    width: 50%;
}

.flygo-grade-center-btn-outline-text {
}

.flygo-grade-center-footer-hint {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #8E8E93;
}

/* ============================================================
           asset.my.html
============================================================ */
.flygo-asset-my-hero-card {
    width: 100%;
    /*height: calc(100vw / 390 * 326);*/
    border: calc(100vw / 390 * 1) solid #FAECEE;
    border-radius: calc(100vw / 390 * 16);
    position: relative;
    /* 模块外间距 */
    margin-bottom: calc(100vw / 390 * 10);
    overflow: hidden;
}

.flygo-asset-my-hero-bg-layer {
    position: absolute;
    background: url(../img/flygo/flygo-asset-my-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-asset-my-hero-top-info {
    padding: calc(100vw / 390 * 20) calc(100vw / 390 * 20) 0 calc(100vw / 390 * 20);
    position: relative;
    z-index: 2;
}

.flygo-asset-my-hero-label-row {
}

.flygo-asset-my-hero-label-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-my-eye-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    fill: #4F4F55;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-asset-my-hero-amount-text {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 32);
    line-height: 1;
    height: calc(100vw / 390 * 32);
    font-weight: 700;
    letter-spacing: calc(100vw / 390 * -0.8);
    color: #000000;
    margin-top: calc(100vw / 390 * 18);
}

.flygo-asset-my-hero-hint-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    margin-top: calc(100vw / 390 * 19);
}

.flygo-asset-my-usd-structure-container {
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 16) calc(100vw / 390 * 16);
}

/* 嵌套卡片：USD 结构 */
.flygo-asset-my-usd-structure-card {
    position: relative;
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 10);
    z-index: 3;
    box-shadow: 0 calc(100vw / 390 * 4) calc(100vw / 390 * 12) rgba(0, 0, 0, 0.03);
}

.flygo-asset-my-usd-header {
    width: 100%;
    /* Margin = Figma间距 8px + 标题残余(24-14)/2=5px -> 13px */
    margin-bottom: calc(100vw / 390 * 13);
}

.flygo-asset-my-usd-header-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 600;
    color: #000000;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-asset-my-info-icon-small {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
}

.flygo-asset-my-usd-grid {
    width: 100%;
    gap: calc(100vw / 390 * 10);
}

.flygo-asset-my-usd-col {
    flex: 1;
    background: #FEFBF9;
    border-radius: calc(100vw / 390 * 6);
    padding: calc(100vw / 390 * 10);
    /*min-width: 0;*/
    width: calc(50% - calc(100vw / 390 * 5));
    position: relative;
}

.flygo-asset-my-usd-col-title-row {
    /* Margin = Figma间距 7px + 标题残余(20-12)/2=4px + 金额残余(28-18)/2=5px -> 16px */
    margin-bottom: calc(100vw / 390 * 16);
    width: 100%;
    /*min-width: 0;*/
}

.flygo-asset-my-usd-col-icon-box {
    width: calc(100vw / 390 * 26);
    height: calc(100vw / 390 * 26);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 4);
    flex-shrink: 0;
}

.flygo-asset-my-icon-bg-red {
    background: #FEE2E2;
    fill: #FD2A3A;
}

.flygo-asset-my-icon-bg-orange {
    background: #FFEDD5;
    fill: #FF7A04;
}

.flygo-asset-my-usd-col-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
}

.flygo-asset-my-usd-col-title {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #000000;
    /*flex-shrink: 0;*/
    width: auto;
}

.flygo-asset-my-usd-badge-red {
    background: #FEE2E2;
    height: calc(100vw / 390 * 17);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 6);
    /*margin-left: calc(100vw / 390 * 4);*/
    flex-shrink: 0;
    position: absolute;
    top: calc(100vw / 390 * 6);
    right: calc(100vw / 390 * 6);
    opacity: 0.85;
}

.flygo-asset-my-usd-badge-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #FD2A3A;
}

.flygo-asset-my-usd-amount {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 700;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 15);
}

.flygo-asset-my-usd-desc {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    /* Margin = Figma间距 4px + 说明残余1.5px + 底部行动残余(16-12)/2=2px -> 7.5px 取整 8px */
    margin-bottom: calc(100vw / 390 * 15);
}

.flygo-asset-my-usd-col-footer {
    width: 100%;
}

.flygo-asset-my-usd-action-green {
    color: #34C759;
    fill: #34C759;
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
}

.flygo-asset-my-usd-action-orange {
    color: #FF7A04;
    fill: #FF7A04;
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
}

.flygo-asset-my-usd-action-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-asset-my-usd-spacer {
    flex-grow: 1;
}

.flygo-asset-my-usd-chevron-right {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    fill: #9999A4;
}

/* ============================================================
   模块 2: 资产四宫格 (Assets Grid)
============================================================ */
.flygo-asset-my-grid-container {
    width: 100%;
    gap: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-my-grid-card {
    width: calc(50% - calc(100vw / 390 * 5));
    background: #FFFFFF;
    box-shadow: 0px calc(100vw / 390 * 4) calc(100vw / 390 * 20) rgba(0, 0, 0, 0.03);
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    position: relative;
    overflow: hidden;
}

/* 占位背景图案 */
.flygo-asset-my-grid-card-bg-shape {
    position: absolute;
    inset: 0;
    z-index: 0;
}

.flygo-asset-my-grid-card-content {
    position: relative;
    z-index: 1;
    width: 100%;
}

.flygo-asset-my-grid-header {
    width: 100%;
    /* Margin = Figma间距 12px + 标题残余(21-14)/2=3.5px + 金额残余(30-18)/2=6px -> 21.5px 取整 22px */
    margin-bottom: calc(100vw / 390 * 22);
}

.flygo-asset-my-grid-icon-box {
    width: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 8);
    color: #FFFFFF;
}

.flygo-asset-my-bg-red {
    background: #FF3B30;
}

.flygo-asset-my-bg-blue {
    background: #0B64FD;
}

.flygo-asset-my-bg-purple {
    background: #5856D6;
}

.flygo-asset-my-bg-orange {
    background: #FF7A04;
}

.flygo-asset-my-bg-usd {
    background: url(../img/flygo/flygo-asset-my-usd.png) no-repeat center center;
    background-size: 100% 100%;
}

.flygo-asset-my-bg-contrib {
    background: url(../img/flygo/flygo-asset-my-contrib.png) no-repeat center center;
    background-size: 100% 100%;
}

.flygo-asset-my-bg-power {
    background: url(../img/flygo/flygo-asset-my-power.png) no-repeat center center;
    background-size: 100% 100%;
}

.flygo-asset-my-bg-go {
    background: url(../img/flygo/flygo-asset-my-go.png) no-repeat center center;
    background-size: 100% 100%;
}

.flygo-asset-my-grid-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    fill: #FFFFFF;
}

.flygo-asset-my-grid-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 600;
    color: #000000;
}

.flygo-asset-my-grid-amount {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 700;
    color: #000000;
    /* Margin = Figma间距 0 + 金额残余6px + 说明残余(16-11)/2=2.5px -> 8.5px 取整 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-asset-my-grid-desc {
    font-size: calc(100vw / 390 * 11);
    line-height: 1;
    height: calc(100vw / 390 * 11);
    font-weight: 400;
    color: #9999A4;
    /* Margin = Figma间距 12px + 说明残余2.5px + 底部操作残余(18-12)/2=3px -> 17.5px 取整 18px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-asset-my-grid-footer {
    width: 100%;
}

.flygo-asset-my-grid-divider {
    width: 1px;
    height: calc(100vw / 390 * 12);
    background: rgba(254, 226, 226, 0.5);
    margin: 0 calc(100vw / 390 * 8);
}

.flygo-asset-my-grid-divider.contrib {
    background: rgba(0, 0, 0, 0.05);
}

.flygo-asset-my-link-red {
    color: #FD2A3A;
    fill: #FD2A3A;
}

.flygo-asset-my-link-blue {
    color: #0B64FD;
    fill: #0B64FD;
}

.flygo-asset-my-link-purple {
    color: #5856D6;
    fill: #5856D6;
}

.flygo-asset-my-link-orange {
    color: #FF9500;
    fill: #FF9500;
}

.flygo-asset-my-link-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
}

.flygo-asset-my-link-icon {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    margin-left: calc(100vw / 390 * 4);
}

/* ============================================================
   模块 3: 商家资金说明 (Business Funds Notice)
============================================================ */
.flygo-asset-my-notice-card {
    width: 100%;
    background: #FEF6F6;
    border: 1px solid #FEEEEE;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-my-notice-content {
    flex-grow: 1;
}

.flygo-asset-my-notice-icon-box {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background: #FEE9E8;
    border: 1px solid #FDE9E6;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 6);
    flex-shrink: 0;
}

.flygo-asset-my-notice-icon-box svg {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    fill: #FD2A3A;
}

.flygo-asset-my-notice-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #000000;
    /* Margin = Figma间距 2px + 标题残余(21-14)/2=3.5px + 提示残余(15-10)/2=2.5px -> 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-asset-my-notice-desc {
    font-size: calc(100vw / 390 * 10);
    line-height: 1.5;
    /*height: calc(100vw / 390 * 10);*/
    font-weight: 400;
    color: #9999A4;
    text-align: justify;
}

.flygo-asset-my-notice-btn {
    background: #FDF3F2;
    height: calc(100vw / 390 * 34);
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 12);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 8);
}

.flygo-asset-my-notice-btn-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   模块 4: 资产说明列表 (Asset Description List)
============================================================ */
.flygo-asset-my-desc-section-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma 8px (列表顶距) + 标题残余(24-16)/2=4px -> 12px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-asset-my-desc-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
}

.flygo-asset-my-desc-item {
    width: 100%;
    padding: calc(100vw / 390 * 16);
    border-bottom: 1px solid #F9FAFB;
}

.flygo-asset-my-desc-item:last-child {
    border-bottom: none;
}

.flygo-asset-my-desc-content {
    flex-grow: 1;
}

.flygo-asset-my-desc-icon-box {
    width: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 36);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    color: #FFFFFF;
}

.flygo-asset-my-desc-icon {
    font-size: calc(100vw / 390 * 16);
    font-weight: bold;
    font-family: Arial;
}

.flygo-asset-my-desc-icon-svg {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FFFFFF;
}

.flygo-asset-my-desc-item-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Margin = Figma间距 2px + 标题残余(21-14)/2=3.5px + 副标残余(16-11)/2=2.5px -> 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-asset-my-desc-item-sub {
    font-size: calc(100vw / 390 * 11);
    line-height: 1.5;
    /*height: calc(100vw / 390 * 11);*/
    font-weight: 400;
    color: #9999A4;
}

.flygo-asset-my-desc-chevron {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    fill: #D1D5DB;
    flex-shrink: 0;
}

/* ============================================================
           asset.list.html
============================================================ */
.flygo-asset-list-hero-card {
    width: 100%;
    /*height: calc(100vw / 390 * 170);*/
    border: calc(100vw / 390 * 1) solid #FAECEE;
    border-radius: calc(100vw / 390 * 16);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-list-hero-bg-graphic {
    position: absolute;
    background: url(../img/flygo/flygo-asset-list-header-contrib.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-asset-list-hero-content {
    position: relative;
    z-index: 2;
    padding: calc(100vw / 390 * 20);
    width: 100%;
    height: 100%;
}

.flygo-asset-list-hero-title-row {
    /* Figma 6px + 残余(21-14)/2=3.5px + 标题残余(48-32)/2=8px -> 17.5px */
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-asset-list-hero-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-list-hero-eye {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    fill: #4F4F55;
    margin-left: calc(100vw / 390 * 6)
}

.flygo-asset-list-hero-amount {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 32);
    line-height: 1;
    height: calc(100vw / 390 * 32);
    font-weight: 700;
    letter-spacing: calc(100vw / 390 * -0.8);
    color: #000000;
    /* Figma 0 + 残余8px + 副标残余(18-12)/2=3px -> 11px */
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-list-hero-desc {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    /* Figma 10px + 残余3px + 按钮残余 0 -> 13px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-list-hero-btn-row {
    gap: calc(100vw / 390 * 8);
}

.flygo-asset-list-btn-recharge {
    background: #FD2A3A;
    height: calc(100vw / 390 * 32);
    border-radius: calc(100vw / 390 * 62);
    padding: 0 calc(100vw / 390 * 32);
    box-sizing: border-box;
}

.flygo-asset-list-btn-recharge-text {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 400;
    color: #FFFFFF;
}

.flygo-asset-list-btn-transfer {
    background: #FFFFFF;
    height: calc(100vw / 390 * 32);
    border: 1px solid #FFE7EA;
    border-radius: calc(100vw / 390 * 62);
    padding: 0 calc(100vw / 390 * 32);
    box-sizing: border-box;
}

.flygo-asset-list-btn-transfer-text {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-list-btn-exchange {
    background: #FF7A04;
    height: calc(100vw / 390 * 32);
    border-radius: calc(100vw / 390 * 62);
    padding: 0 calc(100vw / 390 * 32);
    box-sizing: border-box;
}

.flygo-asset-list-btn-exchange-text {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 400;
    color: #FFFFFF;
}

/* ============================================================
   模块 2: 子账户分布网格 (Sub Asset Grid)
============================================================ */
.flygo-asset-list-subgrid-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-list-subgrid-col {
    flex-grow: 1;
    padding: 0 calc(100vw / 390 * 4);
}

.flygo-asset-list-subgrid-divider {
    width: 1px;
    height: calc(100vw / 390 * 63);
    background: #F3F4F6;
    margin: 0 calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-asset-list-subgrid-title-row {
    /* Figma 2px + 标题残余(16-12)/2=2px + 金额残余(30-16)/2=7px -> 11px */
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-list-subgrid-title {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
}

.flygo-asset-list-subgrid-arrow {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    color: #9999A4;
    margin-left: calc(100vw / 390 * 4);
}

.flygo-asset-list-subgrid-amount {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 700;
    color: #000000;
    /* Figma 0px + 金额残余7px + 描述残余(13-10)/2=1.5px -> 8.5px 取整 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-asset-list-subgrid-desc {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   模块 3: 体系数据卡片 (Network Data Card)
============================================================ */
.flygo-asset-list-network-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    /* 此卡片由头部和网格组成，内部单独写padding */
}

.flygo-asset-list-network-header {
    width: 100%;
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 16) calc(100vw / 390 * 12);
}

.flygo-asset-list-network-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 600;
    color: #000000;
}

.flygo-asset-list-network-action-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #9999A4;
}

.flygo-asset-list-network-action-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #9999A4;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-asset-list-network-divider {
    width: 100%;
    height: 1px;
    background: #F9FAFB;
}

.flygo-asset-list-network-grid {
    width: 100%;
    padding: calc(100vw / 390 * 16);
}

.flygo-asset-list-network-col {
    /*flex-grow: 1;*/
    width: 25%;
    flex-shrink: 0;
}

.flygo-asset-list-network-icon-box {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: 50%;
    /* Figma 8px + 标题残余(17-12)/2=2.5px -> 10.5px 取整 11px */
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-list-bg-red {
    background: #FEF2F2;
    color: #FD2A3A;
    fill: #FD2A3A;
}

.flygo-asset-list-bg-orange {
    background: #FFF7ED;
    color: #FF7A04;
    fill: #FF7A04;
}

.flygo-asset-list-bg-blue {
    background: #EEF2FF;
    color: #5856D6;
    fill: #5856D6;
}

.flygo-asset-list-bg-green {
    background: #F0FDF4;
    color: #34C759;
    fill: #34C759;
}

.flygo-asset-list-network-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
}

.flygo-asset-list-network-col-title {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    /* Figma 2px + 标题残余2.5px + 金额残余(20-14)/2=3px -> 7.5px 取整 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-asset-list-network-col-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 700;
    color: #000000;
}

/* ============================================================
   模块 4: 账目明细列表 (Transaction Header & List)
============================================================ */
.flygo-asset-list-tx-header-title {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #000000;
    width: 100%;
    /* Figma 12px + 标题残余(28-16)/2=6px + Filter残余(33.5-14)/2=9.75px -> 28px */
    margin: calc(100vw / 390 * 16) 0 calc(100vw / 390 * 6) 0;
}

/* 右侧“GO市场数据”按钮容器 */
.flygo-asset-list-market-btn {
    padding: calc(100vw / 390 * 4) 0;
    cursor: pointer;
    transition: opacity 0.2s;
}

.flygo-asset-list-market-btn:active {
    opacity: 0.6; /* 增加物理点击反馈 */
}

/* 左侧微型 K线图/折线图 Icon */
.flygo-asset-list-market-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    color: #9999A4; /* 使用您项目统一的次级灰色 */
    margin-right: calc(100vw / 390 * 4);
}

/* 按钮文字 */
.flygo-asset-list-market-text {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* 右侧引导小箭头 */
.flygo-asset-list-market-arrow {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    fill: #000000;
    margin-left: calc(100vw / 390 * 4);
}

.flygo-asset-list-filter-box {
    background: #F7F8FA;
}

.flygo-asset-list-filter-row {
    width: 100%;
    /* Figma 16px (到TimeFilter) */
    padding: calc(100vw / 390 * 10) 0 calc(100vw / 390 * 3) 0;
    background: #F7F8FA;
}

.flygo-asset-list-filter-scroll {
    flex-grow: 1;
    overflow-x: auto;
    /* 隐藏滚动条 */
    -ms-overflow-style: none;
    scrollbar-width: none;
}

.flygo-asset-list-filter-scroll::-webkit-scrollbar {
    display: none;
}

.flygo-asset-list-filter-pill-active {
    background: #FD2A3A !important;
    box-shadow: unset !important;
}

.flygo-asset-list-filter-text-active {
}

.flygo-asset-list-filter-pill-active .flygo-asset-list-filter-text {
    color: #FFFFFF;
}

.flygo-asset-list-filter-container {
    height: calc(100vw / 390 * 34);
}

.flygo-asset-list-filter-pill {
    background: #FFFFFF;
    height: calc(100vw / 390 * 32);
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.05);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 16);
    flex-shrink: 0;
    margin-right: calc(100vw / 390 * 8);
    width: auto;
}

.flygo-asset-list-filter-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-list-filter-action {
    flex-shrink: 0;
    padding-left: calc(100vw / 390 * 16);
}

.flygo-asset-list-filter-action-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #4F4F55;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-asset-list-filter-action-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
}

.flygo-asset-list-filter-action-active .flygo-asset-list-filter-action-icon {
    fill: #FD2A3A !important;
}

.flygo-asset-list-filter-action-active .flygo-asset-list-filter-action-text {
    color: #FD2A3A !important;
}

.flygo-asset-list-time-row {
    width: 100%;
    background: #FFFFFF;
    height: calc(100vw / 390 * 44);
    border-radius: calc(100vw / 390 * 36);
    padding: 0;
    /* Figma 16px */
    margin: calc(100vw / 390 * 5) 0;
}

.flygo-asset-list-time-item-active {
    flex-grow: 1;
    height: 100%;
}

.flygo-asset-list-time-item-active .flygo-asset-list-time-text {
    font-weight: 500 !important;
    color: #FD2A3A !important;
}

.flygo-asset-list-time-item {
    flex-grow: 1;
    height: 100%;
}

.flygo-asset-list-time-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
}

.flygo-asset-list-time-divider {
    width: 1px;
    height: calc(100vw / 390 * 12);
    background: #E5E5EA;
}

/* 列表容器与单项 */
.flygo-asset-list-tx-container {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: 0 calc(100vw / 390 * 16);
    margin: calc(100vw / 390 * 5) 0 calc(100vw / 390 * 10) 0;
}

.flygo-asset-list-tx-item {
    width: 100%;
    padding: calc(100vw / 390 * 16) 0;
    border-bottom: 1px solid #F9FAFB;
}

.flygo-asset-list-tx-item:last-child {
    border-bottom: none;
}

.flygo-asset-list-tx-icon-box {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-asset-list-icon-gift {
    background: #FEF2F2;
    color: #FF3B30;
}

.flygo-asset-list-icon-bag {
    background: #FFF7ED;
    color: #FF7A04;
}

.flygo-asset-list-icon-location {
    background: #EFF6FF;
    color: #0B64FD;
}

.flygo-asset-list-icon-shield {
    background: #F4F4FF;
    color: #5856D6;
}

.flygo-asset-list-icon-medal {
    background: #FFF7ED;
    color: #FF7A04;
}

.flygo-asset-list-icon-arrow-g {
    background: #F0FDF4;
    color: #34C759;
}

.flygo-asset-list-icon-arrow-b {
    background: #EFF6FF;
    color: #0B64FD;
}

.flygo-asset-list-icon-thunder {
    background: #F4F4FF;
    color: #5856D6;
}

.flygo-asset-list-icon-team {
    background: #F0FDF4;
    color: #34C759;
}

.flygo-asset-list-tx-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
}

.flygo-asset-list-tx-img {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-asset-list-tx-img img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-asset-list-row {
    min-width: 0;
}

.flygo-asset-list-tx-info {
    min-width: 0;
}

.flygo-asset-list-tx-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #1C1C1E;
    /* Figma间距 0 + 标题残余(23-14)/2=4.5px + 时间残余(18-12)/2=3px -> 7.5px 取整 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-asset-exchange-list-tx-container {
    margin-bottom: calc(100vw / 390 * 8);
    min-width: 0;
}

.flygo-asset-exchange-list-tx-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #1C1C1E;
}

.flygo-asset-list-tx-time {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

.flygo-asset-list-tx-final {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    flex-shrink: 0;
}

.flygo-asset-list-tx-value {
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-asset-list-tx-amount-red {
    color: #FD2A3A !important;
}

.flygo-asset-list-tx-amount-black {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 700;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-asset-list-tx-badge {
    background: #FEF2F2;
    height: calc(100vw / 390 * 24);
    border-radius: calc(100vw / 390 * 6);
    padding: 0 calc(100vw / 390 * 8);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-asset-exchange-list-tx-badge {
    background: #FEF2F2;
    height: calc(100vw / 390 * 17);
    border-radius: calc(100vw / 390 * 2);
    padding: 0 calc(100vw / 390 * 6);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 8);
}

.flygo-asset-list-badge-red {
    background: #FEF2F2;
    color: #FD2A3A;
}

.flygo-asset-list-badge-purple {
    background: #EEF2FF;
    color: #5856D6;
}

.flygo-asset-list-badge-green {
    background: #F0FDF4;
    color: #34C759;
}

.flygo-asset-list-badge-orange {
    background: #FFF3E8;
    color: #FF7A04;
}

.flygo-asset-list-badge-grey {
    background: #F5F5F5;
    color: #9999A4;
}

.flygo-asset-list-tx-badge-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: inherit;
}

.flygo-asset-list-tx-badge-arrow {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    fill: #9999A4;
    margin-left: calc(100vw / 390 * 6);
}

/* ============================================================
   模块 5: 底部提示条 (Bottom Tip)
============================================================ */
.flygo-asset-list-bottom-tip {
    width: 100%;
    background: #FFF0F0;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 12);
}

.flygo-asset-list-tip-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #FD2A3A;
    margin-right: calc(100vw / 390 * 6);
}

.flygo-asset-list-tip-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    /*height: calc(100vw / 390 * 12);*/
    font-weight: 400;
    color: #FD2A3A;
    text-align: justify;
}

.flygo-asset-list-more-btn {
}

/* 只针对 DOM 销毁阶段 (ng-leave) 干掉动画延迟和隐藏元素 */
.flygo-asset-list-more-btn.ng-leave,
.flygo-asset-list-more-btn.ng-leave-active {
    transition: none !important;
    animation: none !important;
    display: none !important; /* 加上这句，只要 ng-if 变 false 立刻在视觉上消失 */
}

.flygo-asset-list-more-text {
}

/* ============================================================
   账目明细 - 暂无数据空状态
============================================================ */
.flygo-asset-list-empty-box {
    width: 100%;
    position: relative;
    /*padding: calc(100vw / 390 * 50) 0;*/
}

.flygo-asset-list-empty-icon-box {
    width: calc(100vw / 390 * 64);
    height: calc(100vw / 390 * 64);
    background: #F7F8FA;
    border-radius: 50%;
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-list-empty-icon {
    width: calc(100vw / 390 * 250);
    height: calc(100vw / 390 * 250);
}

.flygo-asset-list-empty-text {
    position: absolute;
    bottom: calc(100vw / 390 * 50);
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #9999A4;
}

.flygo-asset-list-empty-subtext {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
           asset.transfer.html
============================================================ */
.flygo-grade-service-filter-tab-content {
    width: 100%;
    background-color: #F7F8FA;
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 5) calc(100vw / 390 * 16);
}

.flygo-asset-transfer-tab-row {
    width: 100%;
    height: calc(100vw / 390 * 48);
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 56);
}

.flygo-asset-transfer-tab-inactive {
    height: 100%;
    width: 50%;
    position: relative;
    z-index: 1;

    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    /*height: calc(100vw / 390 * 14);*/
    font-weight: 500;
}

.flygo-asset-transfer-tab-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #4F4F55;
}

.flygo-asset-transfer-tab-active {
    background-color: #FDF3F3;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 34);
    height: calc(100vw / 390 * 48);
    position: absolute;
    z-index: 0;
    width: 0;
    box-sizing: border-box;
}

.flygo-asset-transfer-tab-active .flygo-asset-transfer-tab-text {
    color: #FD2A3A;
}

/* ============================================================
   模块 2: Hero Banner
============================================================ */
.flygo-asset-transfer-banner-card {
    width: 100%;
    height: calc(100vw / 390 * 120);
    border: calc(100vw / 390 * 1) solid #FAEBEC;
    border-radius: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-banner-bg {
    position: absolute;
    background: url(../img/flygo/flygo-asset-transfer-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-asset-transfer-n-banner-bg {
    background: url(../img/flygo/flygo-asset-transfer-n-header.png) no-repeat center center;
    background-size: 100% 100%;
}

.flygo-asset-transfer-banner-content {
    position: relative;
    z-index: 1;
    padding: calc(100vw / 390 * 22) calc(100vw / 390 * 16);
    width: 100%;
    height: 100%;
}

.flygo-asset-transfer-banner-title {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 600;
    color: #000000;
    /* Figma间距 8px + 标题残留(28-18)/2=5px + 副标残留(18-12)/2=3px -> 16px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-transfer-banner-text-col {
    width: calc(100vw / 390 * 190);
}

.flygo-asset-transfer-banner-desc {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    height: auto;
    font-weight: 400;
    color: #4F4F55;
    text-align: justify;
}

.flygo-asset-transfer-banner-icon {
    width: calc(100vw / 390 * 80);
    height: calc(100vw / 390 * 80);
    z-index: 2;
}

/* ============================================================
   通用模块样式 (表单卡片)
============================================================ */
.flygo-asset-transfer-section-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-section-card:last-child {
    margin-bottom: 0;
}

/* ============================================================
   模块 3: 用户 ID 输入
============================================================ */
.flygo-asset-transfer-input-container {
    width: 100%;
}

.flygo-asset-transfer-input-icon-box {
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-input-tips {
    font-size: calc(100vw / 390 * 12);
    line-height: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    color: #000000;

}

.flygo-asset-transfer-input-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    fill: #FD2A3A;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-asset-transfer-input-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 8px + 标题残留(20-14)/2=3px -> 11px */
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-input-row {
    width: 100%;
    gap: calc(100vw / 390 * 8);
    /* Figma 8px + 副标残留(18-12)/2=3px -> 11px */
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-input-box {
    width: 100%;
    height: calc(100vw / 390 * 48);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: 0 calc(100vw / 390 * 14);
    box-sizing: border-box;
}

.flygo-asset-transfer-input-text {
    font-size: calc(100vw / 390 * 14) !important;
    height: calc(100vw / 390 * 48) !important;
}

.flygo-asset-transfer-input-text:placeholder-shown {
    font-size: calc(100vw / 390 * 12) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-asset-transfer-input-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 14) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-asset-transfer-search-box {
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-search-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    fill: #4F4F55;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-asset-transfer-search-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
}

.flygo-asset-transfer-scan-btn {
    width: calc(100vw / 390 * 48);
    height: calc(100vw / 390 * 48);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    flex-shrink: 0;
}

.flygo-asset-transfer-scan-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    fill: #4F4F55;
}

.flygo-asset-transfer-input-hint {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   模块 4: 确认用户信息
============================================================ */
.flygo-asset-transfer-user-avatar-box {
    border: calc(100vw / 390 * 1) solid #EEEEEE !important;
}

.flygo-asset-transfer-user-info-col {
    flex-grow: 1;
}

.flygo-asset-transfer-user-name {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 500;
    color: #000000;
    /* Figma 8px + name残余0 + id残余0 -> 8px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-asset-transfer-user-id {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    font-weight: 500;
    color: #000000;
    /* Figma 2px + id残余0 + desc残余(10-10)/2=0 -> 2px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-asset-transfer-user-desc {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
}

.flygo-asset-transfer-check-bg {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    background: #F7F8FA;
    border-radius: 50%;
    flex-shrink: 0;
}

.flygo-asset-transfer-check-bg-active {
    background: #FFF0F2 !important;
}

.flygo-asset-transfer-check-bg-active .flygo-asset-transfer-check-icon {
    fill: #FF1F40;
}

.flygo-asset-transfer-check-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
}

/* ============================================================
   模块 5: 提现金额
============================================================ */
.flygo-asset-transfer-amount-box {
    width: 100%;
    height: calc(100vw / 390 * 48);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: 0 calc(100vw / 390 * 14);
    box-sizing: border-box;
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-asset-transfer-amount-input-text {
    /*font-family: 'Arial';*/
    font-size: calc(100vw / 390 * 20) !important;
    line-height: calc(100vw / 390 * 48) !important;;
    font-weight: 700 !important;
    color: #111827 !important;
    height: calc(100vw / 390 * 48) !important;
}

.flygo-asset-transfer-amount-input-text:placeholder-shown {
    font-size: calc(100vw / 390 * 12) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-asset-transfer-amount-input-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 20) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-asset-transfer-amount-unit {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
    flex-shrink: 0;
}

.flygo-asset-transfer-balance-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #000000;
    margin-right: calc(100vw / 390 * 8);
}

.flygo-asset-transfer-balance-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 700;
    color: #FD2A3A;
}

.flygo-asset-transfer-all-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #0B64FD;
    margin-left: calc(100vw / 390 * 8);
}

/* ============================================================
   模块 6: 手续费与到账时间
============================================================ */
.flygo-asset-transfer-fee-row {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-asset-transfer-fee-label {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-transfer-fee-val {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-transfer-fee-val-red {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 700;
    color: #FD2A3A;
}

.flygo-asset-transfer-fee-row-no-margin {
    margin-bottom: 0;
}

.flygo-asset-transfer-fee-hint {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    /* 修正顶部 margin */
    margin-top: calc(100vw / 390 * 10);
}

/* ============================================================
   模块 7: 备注
============================================================ */
.flygo-asset-transfer-memo-title-row {
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-memo-title {
    margin-bottom: 0;
}

.flygo-asset-transfer-memo-opt {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-memo-count {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
}

/* ============================================================
   模块 8: 提现说明
============================================================ */
.flygo-asset-transfer-inst-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 14px + 列表项残余(20-12)/2=4px -> 18px */
    margin-bottom: calc(100vw / 390 * 18);
}

.flygo-asset-transfer-inst-item {
    width: 100%;
    /* Figma 12px + 上项残余4px + 下项残余4px -> 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-asset-transfer-inst-item:last-child {
    margin-bottom: 0;
}

.flygo-asset-transfer-inst-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-asset-transfer-color-red {
    fill: #FD2A3A;
}

.flygo-asset-transfer-color-blue {
    fill: #0B64FD;
}

.flygo-asset-transfer-color-orange {
    fill: #FF7A04;
}

.flygo-asset-transfer-color-green {
    fill: #34C759;
}

.flygo-asset-transfer-inst-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    flex-grow: 1;
}

/* ============================================================
   模块 9: 安全提示
============================================================ */
.flygo-asset-transfer-sec-icon-bg {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background: #EFF6FF;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    color: #0B64FD;
}

.flygo-asset-transfer-sec-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #0B64FD;
}

.flygo-asset-transfer-sec-content {
    flex-grow: 1;
}

.flygo-asset-transfer-sec-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 3px + 标题残余(21-14)/2=3.5px + 提示残余(16-12)/2=2px -> 8.5px 取整 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-asset-transfer-sec-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
    text-align: justify;
}

/* ============================================================
   模块 10: 吸底 Footer
============================================================ */
.flygo-asset-transfer-fixed-footer {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(calc(100vw / 390 * 6));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 6));
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.flygo-asset-transfer-submit-btn {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-upgrade-partner-btn-active.btn-disabled,
.flygo-asset-exchange-action-btn.btn-disabled,
.flygo-local-contrib-submit-btn.btn-disabled,
.flygo-asset-transfer-submit-btn.btn-disabled {
    /* 1. 视觉变灰 (透明度降低) */
    opacity: 0.5;
    /* 2. 鼠标样式变为禁用符号 */
    cursor: not-allowed;
    /* 3. 核心功能：彻底屏蔽所有鼠标事件（点击、悬浮等统统失效） */
    pointer-events: none;
}

.flygo-asset-transfer-submit-text {
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 500;
    color: #FFFFFF;
}

.flygo-asset-transfer-cancel-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
}

.flygo-asset-transfer-w-banner-card {
    width: 100%;
    height: calc(100vw / 390 * 120);
    border: calc(100vw / 390 * 1) solid #ECF1FD;
    border-radius: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 22) calc(100vw / 390 * 16);
    box-sizing: border-box;
}

.flygo-asset-transfer-w-banner-bg {
    position: absolute;
    background: url(../img/flygo/flygo-asset-transfer-w-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-asset-transfer-w-banner-text-col {
    width: calc(100vw / 390 * 190);
    position: relative;
    z-index: 1;
}

.flygo-asset-transfer-w-banner-title {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 600;
    color: #000000;
    /* Figma间距 8px + 标题残留(28-18)/2=5px + 副标顶部残留(18-12)/2=3px -> 16px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-transfer-w-banner-desc {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* 多行文本设定实际行高 */
    height: calc(100vw / 390 * 36); /* 锁死两行高度 */
    font-weight: 400;
    color: #4F4F55;
    text-align: justify;
}

.flygo-asset-transfer-w-banner-icon {
    width: calc(100vw / 390 * 80);
    height: calc(100vw / 390 * 80);
    position: relative;
    z-index: 2;
}

/* ============================================================
   模块 3: 网络选择器
============================================================ */
.flygo-asset-transfer-w-network-card {
    width: 100%;
    height: calc(100vw / 390 * 55);
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: 0 calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-w-network-label {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
}

.flygo-asset-transfer-w-network-val-row {
    flex-shrink: 0;
}

.flygo-asset-transfer-w-network-icon-bg {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background-color: #F3BA2F; /* BNB Color */
    border-radius: 50%;
}

.flygo-asset-transfer-w-network-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background-color: transparent; /* BNB Color */
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 8);
    overflow: hidden;
}

.flygo-asset-transfer-w-network-val {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-transfer-w-network-chevron {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #999999;
    margin-left: calc(100vw / 390 * 8);
}

/* ============================================================
   模块 4: 钱包地址输入
============================================================ */
.flygo-asset-transfer-w-wallet-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-w-wallet-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma间距 8px + 标题残留(20-14)/2=3px + 边框残留0 -> 11px */
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-w-wallet-input-row {
    width: 100%;
    height: calc(100vw / 390 * 48);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: 0 calc(100vw / 390 * 14);
    box-sizing: border-box;
}

.flygo-asset-transfer-w-wallet-input-text {
    /*font-family: 'Arial';*/
    font-size: calc(100vw / 390 * 14) !important;
    line-height: calc(100vw / 390 * 48) !important;;
    font-weight: 700 !important;
    color: #111827 !important;
    height: calc(100vw / 390 * 48) !important;
}

.flygo-asset-transfer-w-wallet-input-text:placeholder-shown {
    font-size: calc(100vw / 390 * 12) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-asset-transfer-w-wallet-input-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 14) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-asset-transfer-w-wallet-scan-btn {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-w-wallet-scan-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    fill: #4F4F55;
}

/* ============================================================
   模块 5: 提现金额
============================================================ */
.flygo-asset-transfer-w-amount-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-w-input-container {
    width: 100%;
}

.flygo-asset-transfer-w-input-icon-box {
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-w-input-tips {
    font-size: calc(100vw / 390 * 12);
    line-height: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    color: #000000;

}

.flygo-asset-transfer-w-input-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    fill: #FD2A3A;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-asset-transfer-w-amount-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma间距 8px + 标题残留(20-14)/2=3px + 边框残留0 -> 11px */
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-w-amount-input-row {
    width: 100%;
    height: calc(100vw / 390 * 48);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: 0 calc(100vw / 390 * 14);
    box-sizing: border-box;
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-asset-transfer-w-amount-input-text {
    /*font-family: 'Arial';*/
    font-size: calc(100vw / 390 * 20) !important;
    line-height: calc(100vw / 390 * 48) !important;;
    font-weight: 700 !important;
    color: #111827 !important;
    height: calc(100vw / 390 * 48) !important;
}

.flygo-asset-transfer-w-amount-input-text:placeholder-shown {
    font-size: calc(100vw / 390 * 12) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-asset-transfer-w-amount-input-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 20) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-asset-transfer-w-amount-unit {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
    flex-shrink: 0;
}

.flygo-asset-transfer-w-amount-hint-row {
    width: 100%;
}

.flygo-asset-transfer-w-amount-hint-label {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #000000;
    margin-right: calc(100vw / 390 * 8);
}

.flygo-asset-transfer-w-amount-hint-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 700;
    color: #FD2A3A;
}

.flygo-asset-transfer-w-amount-all-val {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #0B64FD;
    margin-left: calc(100vw / 390 * 8);
}

/* ============================================================
   模块 6: 手续费与预计到账
============================================================ */
.flygo-asset-transfer-w-fee-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-w-fee-row {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-asset-transfer-w-fee-row-last {
    width: 100%;
    margin-bottom: 0; /* 最后一行去除底边距 */
}

.flygo-asset-transfer-w-fee-label {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-transfer-w-fee-val {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
}

.flygo-asset-transfer-w-fee-val-red {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 16);
    line-height: 1;
    height: calc(100vw / 390 * 16);
    font-weight: 700;
    color: #FD2A3A;
}

.flygo-asset-transfer-w-fee-hint {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    /* Figma 12px 模拟提示顶距 */
    margin-top: calc(100vw / 390 * 10);
}

/* ============================================================
   模块 7: 提现说明
============================================================ */
.flygo-asset-transfer-w-inst-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 20);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-w-inst-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 14px + 标题残余(22-14)/2=4px + 列表项残余(20-12)/2=4px -> 22px */
    margin-bottom: calc(100vw / 390 * 22);
}

.flygo-asset-transfer-w-inst-item {
    width: 100%;
    /* Figma 12px + 上项残余4px + 下项残余4px -> 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-asset-transfer-w-inst-item:last-child {
    margin-bottom: 0;
}

.flygo-asset-transfer-w-inst-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-asset-transfer-w-color-blue {
    fill: #0B64FD;
}

.flygo-asset-transfer-w-color-orange {
    fill: #FF7A04;
}

.flygo-asset-transfer-w-color-green {
    fill: #34C759;
}

.flygo-asset-transfer-w-inst-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    flex-grow: 1;
}

/* ============================================================
   模块 8: 安全提示
============================================================ */
.flygo-asset-transfer-w-sec-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-transfer-w-sec-card {
    margin-bottom: 0;
}

.flygo-asset-transfer-w-sec-icon-bg {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background-color: #EFF6FF;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    color: #0B64FD;
}

.flygo-asset-transfer-w-sec-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #0B64FD;
}

.flygo-asset-transfer-w-sec-content {
    flex-grow: 1;
}

.flygo-asset-transfer-w-sec-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 3px + 标题残余(21-14)/2=3.5px + 提示顶部残余(16-12)/2=2px -> 8.5px 取整 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-asset-transfer-w-sec-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* 支持多行防重叠 */
    font-weight: 400;
    color: #9999A4;
    text-align: justify;
}

/* ============================================================
   模块 9: 吸底 Footer
============================================================ */
.flygo-asset-transfer-w-footer {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(calc(100vw / 390 * 6));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 6));
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.flygo-asset-transfer-w-submit-btn {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background-color: #FD2A3A;
    border-radius: calc(100vw / 390 * 12);
    /* Figma 16px + 按钮残余0 + 取消残余(21-14)/2=3.5px -> 19.5px 取整 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-asset-transfer-w-submit-text {
}

.flygo-asset-transfer-w-cancel-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
}

/* ============================================================
           业务语义化样式 - 可转贡献值卡片
============================================================ */
.flygo-asset-transfer-available-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

/* 右侧金币装饰图背景 */
.flygo-asset-transfer-bg-coins {
    position: absolute;
    background: url(../img/flygo/flygo-asset-transfer-amount.png) no-repeat right calc(100vw / 390 * 16) top;
    background-size: auto calc(100vw / 390 * 100);
    inset: 0;
    z-index: 0;
}

/* 提升层级保证文字压在图片上方 */
.flygo-asset-transfer-card-content {
    position: relative;
    z-index: 1;
}

.flygo-asset-transfer-title-row {
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-title-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-asset-transfer-eye-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    fill: #9999A4;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-asset-transfer-amount-text {
    font-family: 'Arial';
    font-weight: 700;
    font-size: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
    line-height: 1;
    color: #000000;
    letter-spacing: calc(100vw / 390 * -0.8);
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-asset-transfer-desc-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
           asset.recharge.html
============================================================ */
.flygo-asset-recharge-tab-content {
    width: 100%;
    background-color: #F7F8FA;
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 5) calc(100vw / 390 * 16);
}

.flygo-asset-recharge-tab-row {
    position: relative;
    width: 100%;
    height: calc(100vw / 390 * 48);
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 56);
}

.flygo-asset-recharge-tab-inactive {
    height: 100%;
    border-radius: calc(100vw / 390 * 14);
    width: 50%;
    position: relative;
    z-index: 1;

    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    /*height: calc(100vw / 390 * 14);*/
    font-weight: 500;
}

.flygo-asset-recharge-tab-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #4F4F55;
}

.flygo-asset-recharge-tab-active {
    background-color: #FDF3F3;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 34);
    height: calc(100vw / 390 * 49);
    position: absolute;
    z-index: 0;
    width: 0;
}

.flygo-asset-recharge-tab-active .flygo-asset-recharge-tab-text {
    color: #FD2A3A;
}

/* ============================================================
   模块 2: Hero Banner
============================================================ */
.flygo-asset-recharge-banner-card {
    width: 100%;
    height: calc(100vw / 390 * 120);
    border: calc(100vw / 390 * 1) solid #FAEBEC;
    border-radius: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
    box-sizing: border-box;
}

.flygo-asset-recharge-banner-bg {
    position: absolute;
    background: url(../img/flygo/flygo-asset-recharge-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-asset-recharge-n-banner-bg {
    background: url(../img/flygo/flygo-asset-recharge-n-header.png) no-repeat center center;
    background-size: 100% 100%;
}

.flygo-asset-recharge-banner-content {
    position: relative;
    z-index: 1;
    padding: calc(100vw / 390 * 22) calc(100vw / 390 * 16);
    width: 100%;
    height: 100%;
}

.flygo-asset-recharge-banner-text-col {
    width: calc(100vw / 390 * 190);
}

.flygo-asset-recharge-banner-title {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 600;
    color: #000000;
    /* Figma间距 8px + 标题残留(28-18)/2=5px + 副标顶部残留(18-12)/2=3px -> 16px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-recharge-banner-desc {
    font-size: calc(100vw / 390 * 12);
    line-height: calc(100vw / 390 * 18); /* 多行文本设定实际行高 */
    height: calc(100vw / 390 * 36); /* 锁死两行高度 */
    font-weight: 400;
    color: #4F4F55;
    text-align: justify;
}

.flygo-asset-recharge-banner-icon {
    width: calc(100vw / 390 * 80);
    height: calc(100vw / 390 * 80);
    position: relative;
    z-index: 2;
}

/* ============================================================
   模块 3: 当前到账账户信息
============================================================ */
.flygo-asset-recharge-acc-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-acc-avatar-box {
    border: calc(100vw / 390 * 1) solid #EEEEEE !important;
}

.flygo-asset-recharge-acc-info {
    flex-grow: 1;
}

.flygo-asset-recharge-acc-name-row {
    /* Figma间距 8px (与ID行间距) */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-asset-recharge-acc-name {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 500;
    color: #000000;
    margin-right: calc(100vw / 390 * 8);
}

.flygo-asset-recharge-acc-role {
    font-size: calc(100vw / 390 * 13);
    line-height: 1;
    height: calc(100vw / 390 * 13);
    font-weight: 400;
    color: #9999A4;
}

.flygo-asset-recharge-acc-id-row {
    /* Figma间距 2px (与提示行间距) */
    margin-bottom: calc(100vw / 390 * 2);
}

.flygo-asset-recharge-acc-id {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    font-weight: 500;
    color: #000000;
}

.flygo-asset-recharge-acc-copy {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    fill: #FD2A3A;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-asset-recharge-acc-hint-row {
    width: 100%;
    margin-top: calc(100vw / 390 * 8);
}

.flygo-asset-recharge-acc-hint-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   模块 4: 二维码卡片
============================================================ */
.flygo-asset-recharge-qr-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20) calc(100vw / 390 * 30);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-qr-img-box {
    width: calc(100vw / 390 * 149);
    height: calc(100vw / 390 * 149);
    border: 1px solid #EDECF0;
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 10);
    /* Figma 14px + 提示文本残余0 -> 14px */
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-asset-recharge-qr-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-asset-recharge-qr-hint {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #8E8E93;
}

/* ============================================================
   模块 5: 我的用户 ID 卡片
============================================================ */
.flygo-asset-recharge-id-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-id-col {
    flex-grow: 1;
}

.flygo-asset-recharge-id-label {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #9999A4;
    /* Figma 4px + Label残余(23-14)/2=4.5px + Val残余0 -> 8.5px 取整 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-asset-recharge-id-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 26);
    line-height: 1;
    height: calc(100vw / 390 * 26);
    font-weight: 700;
    color: #000000;
}

.flygo-asset-recharge-id-btn-bg {
    width: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 36);
    background-color: #FFF7F7;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 16);
}

.flygo-asset-recharge-id-btn-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FD2A3A;
}

/* ============================================================
   模块 6: 充值说明
============================================================ */
.flygo-asset-recharge-inst-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 20);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-inst-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 14px + 列表项残余(20-12)/2=4px -> 18px */
    margin-bottom: calc(100vw / 390 * 18);
}

.flygo-asset-recharge-inst-item {
    width: 100%;
    /* Figma 12px + 上项残余4px + 下项残余4px -> 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-asset-recharge-inst-item:last-child {
    margin-bottom: 0;
}

.flygo-asset-recharge-inst-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-asset-recharge-color-blue {
    fill: #0B64FD;
}

.flygo-asset-recharge-color-orange {
    fill: #FF7A04;
}

.flygo-asset-recharge-color-green {
    fill: #34C759;
}

.flygo-asset-recharge-inst-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    flex-grow: 1;
}

/* ============================================================
   模块 7: 切换链上充值
============================================================ */
.flygo-asset-recharge-switch-card {
    width: 100%;
    background-color: #FDF3F3;
    border: 1px solid #FFE5E5;
    border-radius: calc(100vw / 390 * 20);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-switch-icon-bg {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background-color: #FFFFFF;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 10);
    flex-shrink: 0;
    color: #FD2A3A;
}

.flygo-asset-recharge-switch-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FD2A3A;
}

.flygo-asset-recharge-switch-info {
    flex-grow: 1;
}

.flygo-asset-recharge-switch-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 2px + 标题残余(23-14)/2=4.5px + 提示顶部残余(18-12)/2=3px -> 9.5px 取整 10px */
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-switch-desc {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* 多行文本设定行高 */
    height: calc(100vw / 390 * 36); /* 锁死两行高度 */
    font-weight: 400;
    color: #4F4F55;
    text-align: justify;
}

.flygo-asset-recharge-switch-btn {
    height: calc(100vw / 390 * 36);
    background-color: #FDF3F3;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 28);
    padding: 0 calc(100vw / 390 * 12);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-switch-btn-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   模块 8: 安全提示
============================================================ */
.flygo-asset-recharge-sec-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-sec-card:last-child {
    margin-bottom: 0;
}

.flygo-asset-recharge-sec-icon-bg {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background-color: #EFF6FF;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    color: #0B64FD;
}

.flygo-asset-recharge-sec-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #0B64FD;
}

.flygo-asset-recharge-sec-content {
    flex-grow: 1;
}

.flygo-asset-recharge-sec-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 3px + 标题残余(21-14)/2=3.5px + 提示顶部残余(16-12)/2=2px -> 8.5px 取整 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-asset-recharge-sec-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* Figma 设定的多行高度 */
    height: calc(100vw / 390 * 32); /* 锁死两行高度 */
    font-weight: 400;
    color: #9999A4;
    text-align: justify;
}

/* ============================================================
   模块 9: 吸底 Footer
============================================================ */
.flygo-asset-recharge-footer {
    width: 100%;
    background-color: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(calc(100vw / 390 * 6));
    -webkit-backdrop-filter: blur(calc(100vw / 390 * 6));
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 100;
}

.flygo-asset-recharge-submit-btn {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-recharge-submit-text {
}

.flygo-asset-recharge-cancel-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
}

/* ============================================================
           模块 2: Hero Banner
        ============================================================ */
.flygo-asset-recharge-c-banner-card {
    width: 100%;
    height: calc(100vw / 390 * 120);
    border-radius: calc(100vw / 390 * 10);
    border: calc(100vw / 390 * 1) solid #ECF2FE;
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 22) calc(100vw / 390 * 16);
    box-sizing: border-box;
}

.flygo-asset-recharge-c-banner-bg {
    position: absolute;
    background: url(../img/flygo/flygo-asset-recharge-c-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-asset-recharge-c-banner-text-col {
    width: calc(100vw / 390 * 190);
    position: relative;
    z-index: 1;
}

.flygo-asset-recharge-c-banner-title {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 600;
    color: #000000;
    /* Figma间距 8px + 标题残留(28-18)/2=5px + 副标顶部残留(18-12)/2=3px -> 16px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-recharge-c-banner-desc {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* 多行文本设置1.5倍行高防重叠 */
    height: calc(100vw / 390 * 36); /* 锁死两行总高度 */
    font-weight: 400;
    color: #4F4F55;
    text-align: justify;
}

.flygo-asset-recharge-c-banner-icon {
    width: calc(100vw / 390 * 80);
    height: calc(100vw / 390 * 80);
    position: relative;
    z-index: 2;
}

/* ============================================================
   模块 3: 网络选择器
============================================================ */
.flygo-asset-recharge-c-network-card {
    width: 100%;
    height: calc(100vw / 390 * 55);
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: 0 calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-c-network-label {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
}

.flygo-asset-recharge-c-network-val-row {
    flex-shrink: 0;
}

.flygo-asset-recharge-c-network-icon-bg {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background-color: transparent; /* BNB Color */
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 8);
    overflow: hidden;
}

.flygo-asset-recharge-c-network-icon {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-asset-recharge-c-network-val {
    font-size: calc(100vw / 390 * 15);
    line-height: 1;
    height: calc(100vw / 390 * 15);
    font-weight: 400;
    color: #000000;
}

.flygo-asset-recharge-c-network-chevron {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #999999;
    margin-left: calc(100vw / 390 * 8);
}

/* ============================================================
   模块 4: 二维码展示
============================================================ */
.flygo-asset-recharge-c-qr-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20) calc(100vw / 390 * 30);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-c-qr-img-box {
    width: calc(100vw / 390 * 149);
    height: calc(100vw / 390 * 149);
    border: 1px solid #EDECF0;
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-c-qr-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

/* ============================================================
   模块 5: 钱包地址
============================================================ */
.flygo-asset-recharge-c-wallet-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-c-wallet-col {
    flex-grow: 1;
}

.flygo-asset-recharge-c-wallet-label {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma间距 4px + Label残余(23-14)/2=4.5px + Val残余(17-10)/2=3.5px -> 12px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-asset-recharge-c-wallet-val {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 400;
    color: #9999A4;
    word-break: break-all;
}

.flygo-asset-recharge-c-wallet-btn-bg {
    width: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 36);
    background-color: #EFF6FF;
    border-radius: 50%;
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 16);
}

.flygo-asset-recharge-c-wallet-btn-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #0B64FD;
}

/* ============================================================
   模块 6: 充值说明
============================================================ */
.flygo-asset-recharge-c-inst-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 20);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-c-inst-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 14px + 列表项残余(20-12)/2=4px -> 18px */
    margin-bottom: calc(100vw / 390 * 18);
}

.flygo-asset-recharge-c-inst-item {
    width: 100%;
    /* Figma 12px + 上项残余4px + 下项残余4px -> 20px */
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-asset-recharge-c-inst-item:last-child {
    margin-bottom: 0;
}

.flygo-asset-recharge-c-inst-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-asset-recharge-c-color-blue {
    fill: #0B64FD;
}

.flygo-asset-recharge-c-color-orange {
    fill: #FF7A04;
}

.flygo-asset-recharge-c-color-green {
    fill: #34C759;
}

.flygo-asset-recharge-c-inst-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    flex-grow: 1;
}

/* ============================================================
   模块 7: 安全提示
============================================================ */
.flygo-asset-recharge-c-sec-card {
    width: 100%;
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-recharge-c-sec-card:last-child {
    margin-bottom: 0;
}

.flygo-asset-recharge-c-sec-icon-bg {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background-color: #EFF6FF;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    color: #0B64FD;
}

.flygo-asset-recharge-c-sec-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #0B64FD;
}

.flygo-asset-recharge-c-sec-content {
    flex-grow: 1;
}

.flygo-asset-recharge-c-sec-title {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #000000;
    /* Figma 3px + 标题残余(21-14)/2=3.5px + 提示顶部残余(16-12)/2=2px -> 8.5px 取整 9px */
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-asset-recharge-c-sec-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* 支持多行防重叠 */
    font-weight: 400;
    color: #9999A4;
    text-align: justify;
}

/* ============================================================
           local.center.html
============================================================ */
.flygo-local-center-hero-card {
    position: relative;
    height: calc(100vw / 390 * 144);
    border: calc(100vw / 390 * 1) solid #FCEDED;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    width: 100%;
    overflow: hidden;
}

.flygo-local-center-hero-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-local-center-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-local-center-hero-logo-box {
    position: relative;
    z-index: 1;
    width: calc(100vw / 390 * 77);
    height: calc(100vw / 390 * 77);
    border: 1px solid #F2E5D5;
    border-radius: calc(100vw / 390 * 12);
    overflow: hidden;
}

.flygo-local-center-hero-logo-img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-local-center-hero-info-box {
    position: relative;
    z-index: 1;
    margin-left: calc(100vw / 390 * 12);
}

.flygo-local-center-hero-name {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

/* 补边公式：2(Figma间距) + (18-18)/2 + (16-12)/2 = 4 */
.flygo-local-center-hero-id-row {
    margin-top: calc(100vw / 390 * 4);
    gap: calc(100vw / 390 * 4);
}

.flygo-local-center-hero-id-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-local-center-hero-copy-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #4F4F55;
}

/* 补边公式：0(Figma间距) + (16-12)/2 + (19-10)/2 = 6.5 */
.flygo-local-center-hero-tags-row {
    margin-top: calc(100vw / 390 * 6.5);
    gap: calc(100vw / 390 * 8);
}

.flygo-local-center-hero-tag {
    background-color: #E8F5E9;
    height: calc(100vw / 390 * 19);
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-local-center-hero-tag-closed {
    background-color: #F5F5F5;
}

.flygo-local-center-hero-tag-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #34C759;
}

.flygo-local-center-hero-tag-closed .flygo-local-center-hero-tag-text {
    color: #9999A4;
}

/* 补边公式：0(Figma间距) + (19-10)/2 + (16-12)/2 = 6.5 */
.flygo-local-center-hero-desc-text {
    margin-top: calc(100vw / 390 * 6.5);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

/* 补边公式：20(Figma间距) + (16-12)/2 + (16-12)/2 = 24 */
.flygo-local-center-hero-link-row {
    margin-top: calc(100vw / 390 * 20);
    gap: calc(100vw / 390 * 10);
}

.flygo-local-center-hero-link-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    z-index: 1;
}

/* ============================================================
   业务语义化样式 - Section Global
============================================================ */
.flygo-local-center-section-header {
    padding: 0 calc(100vw / 390 * 4);
    margin: calc(100vw / 390 * 10) 0;
}

.flygo-local-center-section-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-local-center-section-more-row {
    gap: calc(100vw / 390 * 2);
}

.flygo-local-center-section-more-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-center-section-more-icon {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    fill: #9999A4;
    position: relative;
    z-index: 1;
}

/* ============================================================
   业务语义化样式 - 经营资金
============================================================ */
.flygo-local-center-funds-card {
    position: relative;
    border: calc(100vw / 390 * 1) solid #FCEDED;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    width: 100%;
    overflow: hidden;
}

.flygo-local-center-funds-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-local-center-asset.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-local-center-funds-top-row {
    position: relative;
    z-index: 1;
    gap: calc(100vw / 390 * 10);
}

.flygo-local-center-funds-currency-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-local-center-funds-tag {
    background-color: #FEE2E2;
    height: calc(100vw / 390 * 20);
    border: 1px solid #FECACA;
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 6);
}

.flygo-local-center-funds-tag-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 500;
    color: #FF3B30;
}

/* 补边：4 + (20-14)/2 + (40-26)/2 = 14 */
.flygo-local-center-funds-amount-row {
    position: relative;
    z-index: 1;
    margin-top: calc(100vw / 390 * 14);
}

.flygo-local-center-funds-amount-val {
    font-size: calc(100vw / 390 * 26);
    height: calc(100vw / 390 * 26);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
    letter-spacing: calc(100vw / 390 * -0.9);
}

/* 补边：0 + (40-26)/2 + (16-12)/2 = 9 */
.flygo-local-center-funds-desc-text {
    position: relative;
    z-index: 1;
    margin-top: calc(100vw / 390 * 9);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-center-funds-actions-row {
    position: relative;
    z-index: 1;
    margin-top: calc(100vw / 390 * 12);
    gap: calc(100vw / 390 * 10);
}

.flygo-local-center-btn-primary {
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 10);
}

.flygo-local-center-btn-primary-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    font-weight: 400;
}

.flygo-local-center-btn-secondary {
    height: calc(100vw / 390 * 40);
}

.flygo-local-center-btn-secondary-text {
}

.flygo-local-center-btn-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 8);
    fill: #FFFFFF;
}

.flygo-local-center-btn-icon.black {
    fill: #000000;
}

/* ============================================================
   业务语义化样式 - 今日经营
============================================================ */
.flygo-local-center-today-grid {
    gap: calc(100vw / 390 * 10);
}

.flygo-local-center-today-card {
    width: calc(50% - calc(100vw / 390 * 5));
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
}

.flygo-local-center-icon-circle-business {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 30);
    flex-shrink: 0;
    margin-right: calc(100vw / 390 * 12);
}

.flygo-local-center-bg-red-light {
    background-color: #FFF0F0;
}

.flygo-local-center-bg-orange-light {
    background-color: #FFF7ED;
}

.flygo-local-center-bg-green-light {
    background-color: #E8F5E9;
}

.flygo-local-center-bg-purple-light {
    background-color: #FAF5FF;
}

.flygo-local-center-svg-icon-business {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-local-center-svg-icon-business.scaleX {
    transform: scaleX(-1);
}

.flygo-local-center-bg-red-light .flygo-local-center-svg-icon-business {
    fill: #FD2A3A;
}

.flygo-local-center-bg-orange-light .flygo-local-center-svg-icon-business {
    fill: #FF7A04;
}

.flygo-local-center-bg-green-light .flygo-local-center-svg-icon-business {
    fill: #34C759;
}

.flygo-local-center-bg-purple-light .flygo-local-center-svg-icon-business {
    fill: #A855F7;
}

.flygo-local-center-today-info-box {
}

.flygo-local-center-today-label-text {
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

/* 补边：0 + (17-11)/2 + (23-18)/2 = 5.5 */
.flygo-local-center-today-val-text {
    margin-top: calc(100vw / 390 * 5.5);
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 700;
    color: #000000;
}

/* 补边：0 + (23-18)/2 + (17-11)/2 = 5.5 */
.flygo-local-center-today-sub-text {
    margin-top: calc(100vw / 390 * 5.5);
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-center-today-sub-text-small {
    margin-top: calc(100vw / 390 * 5.5);
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-center-text-red {
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 收款码管理
============================================================ */
.flygo-local-center-codes-mgr-btn {
    height: calc(100vw / 390 * 28);
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 12);
    box-sizing: border-box;
}

.flygo-local-center-codes-mgr-btn-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

.flygo-local-center-content-card {
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    width: 100%;
}

.flygo-local-center-codes-summary-row {
    padding-bottom: calc(100vw / 390 * 10);
    border-bottom: 1px solid #F9FAFB;
}

.flygo-local-center-codes-stat-col {
    margin-right: calc(100vw / 390 * 24);
}

.flygo-local-center-codes-stat-col:last-child {
    margin-right: 0;
}

.flygo-local-center-codes-stat-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    text-align: center;
}

/* 补边：4 + (16-12)/2 + (28-16)/2 = 12 */
.flygo-local-center-codes-stat-val {
    margin-top: calc(100vw / 390 * 12);
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
    text-align: center;
}

.flygo-local-center-text-green {
    color: #34C759;
}

.flygo-local-center-codes-rate-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    text-align: right;
}

/* 补边：4 + (16-12)/2 + (24-14)/2 = 11 */
.flygo-local-center-codes-rate-val {
    margin-top: calc(100vw / 390 * 11);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #FD2A3A;
    text-align: right;
}

.flygo-local-center-code-list-item {
    padding: calc(100vw / 390 * 12.5) 0;
    border-bottom: 1px solid #F9FAFB;
}

.flygo-local-center-code-list-empty {
    width: 100%;
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    color: #4F4F55;
}

.flygo-local-center-code-list-item:last-child {
    border-bottom: none;
    padding-bottom: 0;
}

.flygo-local-center-icon-rect-qrcode-box {
    min-width: 0;
}

.flygo-local-center-icon-rect-qrcode {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    border-radius: calc(100vw / 390 * 4);
    flex-shrink: 0;
}

.flygo-local-center-svg-icon-qrcode {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-local-center-bg-red-light .flygo-local-center-svg-icon-qrcode {
    fill: #FD2A3A;
}

.flygo-local-center-bg-orange-light .flygo-local-center-svg-icon-qrcode {
    fill: #FF7A04;
}

.flygo-local-center-bg-purple-light .flygo-local-center-svg-icon-qrcode {
    fill: #5856D6;
}

.flygo-local-center-bg-blue-light .flygo-local-center-svg-icon-qrcode {
    fill: #0B64FD;
}

.flygo-local-center-bg-green-light .flygo-local-center-svg-icon-qrcode {
    fill: #34C759;
}

.flygo-local-center-bg-indigo-light .flygo-local-center-svg-icon-qrcode {
    fill: #5856D6;
}


.flygo-local-center-code-item-info {
    margin-left: calc(100vw / 390 * 12);
    width: 100%;
    min-width: 0;
}

.flygo-local-center-code-item-name {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-local-center-code-item-tag {
    margin-left: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 19);
    background-color: #FFF0F0;
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-local-center-code-item-tag-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-local-center-code-status-col {
    margin-left: calc(100vw / 390 * 16);
    width: calc(100vw / 390 * 40);
}

.flygo-local-center-code-status-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    flex-shrink: 0;
}

.flygo-local-center-code-status-text.flygo-local-center-active {
    color: #34C759;
}

.flygo-local-center-code-action-col {
    margin-left: calc(100vw / 390 * 16);
    gap: calc(100vw / 390 * 4);
    flex-shrink: 0;
}

/* ============================================================
业务语义化样式 - 高频操作
============================================================ */
.flygo-local-center-ops-grid {
    gap: calc(100vw / 390 * 10);
}

.flygo-local-center-ops-card {
    width: calc(50% - calc(100vw / 390 * 6));
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
}

.flygo-local-center-bg-blue-light {
    background-color: #EFF6FF;
}

.flygo-local-center-bg-indigo-light {
    background-color: #EEF2FF;
}

.flygo-local-center-ops-info-box {
}

.flygo-local-center-ops-name-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

/* 补边：0 + (20-14)/2 + (17-12)/2 = 5.5 */
.flygo-local-center-ops-desc-text {
    margin-top: calc(100vw / 390 * 5.5);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   业务语义化样式 - 贡献值管理
============================================================ */
.flygo-local-center-contrib-stats-row {
    padding-bottom: calc(100vw / 390 * 14);
}

.flygo-local-center-contrib-stat-item {
    flex: 1;
    position: relative;
    width: 33.33%;
}

.flygo-local-center-contrib-stat-border::after {
    content: '';
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    width: 1px;
    background-color: #F3F4F6;
}

.flygo-local-center-contrib-label-text {
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    text-align: center;
}

/* 补边：4 + (17-11)/2 + (26-16)/2 = 12 */
.flygo-local-center-contrib-val-text {
    margin-top: calc(100vw / 390 * 12);
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
    text-align: center;
}

.flygo-local-center-contrib-actions-row {
    gap: calc(100vw / 390 * 10);
}

.flygo-local-center-contrib-action-btn {
    flex: 1;
    height: calc(100vw / 390 * 63);
    border-radius: calc(100vw / 390 * 12);
    padding: 0 calc(100vw / 390 * 8) 0 calc(100vw / 390 * 10);
}

.flygo-local-center-contrib-btn-bg-1 {
    background-color: rgba(255, 240, 240, 0.5);
}

.flygo-local-center-contrib-btn-bg-2 {
    background-color: rgba(255, 247, 237, 0.5);
}

.flygo-local-center-contrib-btn-icon-wrapper {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    margin-right: calc(100vw / 390 * 12);
}

.flygo-local-center-svg-icon-contrib {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
}

.flygo-local-center-contrib-btn-bg-1 .flygo-local-center-svg-icon-contrib {
    fill: #FD2A3A;
}

.flygo-local-center-contrib-btn-bg-2 .flygo-local-center-svg-icon-contrib {
    fill: #FF7A04;
}

.flygo-local-center-contrib-btn-info {
}

.flygo-local-center-contrib-btn-name {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

/* 补边：0 + (20-14)/2 + (15-10)/2 = 5.5 */
.flygo-local-center-contrib-btn-sub {
    margin-top: calc(100vw / 390 * 6);
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-center-contrib-btn-arrow {
    margin-left: auto;
    width: calc(100vw / 390 * 10) !important;
    height: calc(100vw / 390 * 10) !important;
}

/* ============================================================
           local.qrcode.html
============================================================ */
.flygo-local-qrcode-overview-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 18);
    padding: calc(100vw / 390 * 16);
    width: 100%;
}

.flygo-local-qrcode-overview-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

/* 补边：Figma 4px + (26-16)/2 + (20-14)/2 = 12px */
.flygo-local-qrcode-overview-sub {
    margin-top: calc(100vw / 390 * 12);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* 补边：Figma padding-top 16px */
.flygo-local-qrcode-stats-container {
    margin-top: calc(100vw / 390 * 16);
    width: 100%;
}

.flygo-local-qrcode-stat-item {
    flex: 1;
}

.flygo-local-qrcode-stat-icon-wrapper {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 9999);
}

.flygo-local-qrcode-bg-red {
    background-color: #FEF2F2;
}

.flygo-local-qrcode-bg-green {
    background-color: #F0FDF4;
}

.flygo-local-qrcode-bg-purple {
    background-color: #FAF5FF;
}

.flygo-local-qrcode-stat-svg {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FD2A3A;
}

.flygo-local-qrcode-stat-svg.green {
    fill: #34C759;
}

.flygo-local-qrcode-stat-svg.purple {
    fill: #5856D6;
}

/* 补边：Figma 8px + (40-40)/2 + (18-12)/2 = 11px */
.flygo-local-qrcode-stat-label {
    margin-top: calc(100vw / 390 * 11);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* 补边：Figma 0px + (18-12)/2 + (30-20)/2 = 8px */
.flygo-local-qrcode-stat-val {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
}

.flygo-local-qrcode-stat-val-green {
    color: #34C759;
}

.flygo-local-qrcode-divider {
    width: 1px;
    height: calc(100vw / 390 * 40);
    background-color: #E5E5EA;
}

/* ============================================================
   业务语义化样式 - Tabs 筛选
============================================================ */
/* 卡片到底部Tabs间距 14px */
.flygo-local-qrcode-tabs-wrapper {
    margin-top: calc(100vw / 390 * 16);
    width: 100%;
    gap: calc(100vw / 390 * 12);
}

.flygo-local-qrcode-tab-item {
    height: calc(100vw / 390 * 35);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 20);
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-sizing: border-box;
}

.flygo-local-qrcode-tab-item-active {
    background: #FEF2F2;
    border: 1px solid #FD2A3A;
}

.flygo-local-qrcode-tab-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-local-qrcode-tab-item-active .flygo-local-qrcode-tab-text {
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 收款码列表
============================================================ */
.flygo-local-qrcode-list-wrapper {
    width: 100%;
    /* Tabs 到 List 的间距 */
    margin-top: calc(100vw / 390 * 16);
    gap: calc(100vw / 390 * 10);
}

.flygo-local-qrcode-list-item {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    width: 100%;
}

.flygo-local-qrcode-item-icon-box {
    width: calc(100vw / 390 * 60);
    height: calc(100vw / 390 * 60);
    border-radius: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-local-qrcode-bg-orange {
    background-color: #FFF7ED;
}

.flygo-local-qrcode-bg-blue {
    background-color: #EFF6FF;
}

.flygo-local-qrcode-item-svg {
    width: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    fill: #FD2A3A;
}

.flygo-local-qrcode-item-container {
    min-width: 0;
}

.flygo-local-qrcode-item-info {
    min-width: 0;
}

.flygo-local-qrcode-item-name {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-local-qrcode-item-title-row {
    gap: calc(100vw / 390 * 8);
}

.flygo-local-qrcode-item-tag {
    background: #FFF0F0;
    height: calc(100vw / 390 * 20);
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 6);
    flex-shrink: 0;
}

.flygo-local-qrcode-item-tag-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

.flygo-local-qrcode-item-status {
    height: calc(100vw / 390 * 20);
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 6);
    flex-shrink: 0;
}

.flygo-local-qrcode-item-status-on {
    background: #F0FDF4;
}

.flygo-local-qrcode-item-status-off {
    background: #F3F4F6;
}

.flygo-local-qrcode-status-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;

}

.flygo-local-qrcode-item-status-on .flygo-local-qrcode-status-text {
    color: #34C759;
}

.flygo-local-qrcode-item-status-off .flygo-local-qrcode-status-text {
    color: #9999A4;
}

/* 补边：Figma gap 2px + (14-14)/2 + (12-12)/2 = 2px */
.flygo-local-qrcode-item-no {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* 补边：Figma gap 0px */
.flygo-local-qrcode-item-desc {
    margin-top: calc(100vw / 390 * 6);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-qrcode-thumb-wrapper {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border: 1px solid #F5F5F7;
    border-radius: calc(100vw / 390 * 6);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 10);
}

/* Actions 区域 */
.flygo-local-qrcode-item-actions {
    margin-top: calc(100vw / 390 * 16);
    width: 100%;
    gap: calc(100vw / 390 * 8);
}

.flygo-local-qrcode-action-btn {
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 10);
}

.flygo-local-qrcode-btn-w-l {
    width: calc(100vw / 390 * 116);
    flex-shrink: 0;
}

.flygo-local-qrcode-btn-w-s {
    flex-grow: 1
}

/* 重点：图标和文字的组合方式，坚决使用 margin */
.flygo-local-qrcode-action-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    /* 图标与文字间距，使用 margin-right 替代 gap */
    margin-right: calc(100vw / 390 * 4);
    fill: #4F4F55;
}

.flygo-local-qrcode-action-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    color: #4F4F55;
}

.flygo-local-qrcode-action-text-red {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 底部吸底区域
============================================================ */
.flygo-local-qrcode-bottom-sticky {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100vw;
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(6px);
    z-index: 10;
}

.flygo-local-qrcode-submit-btn {
}

.flygo-local-qrcode-submit-text {
}

/* ============================================================
           local.qrcode.add.html
============================================================ */
.flygo-local-qrcode-add-hero-card {
    position: relative;
    height: calc(100vw / 390 * 120);
    border-radius: calc(100vw / 390 * 10);
    border: calc(100vw / 390 * 1) solid #FCEDED;
    padding: calc(100vw / 390 * 22) calc(100vw / 390 * 16);
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-local-qrcode-add-hero-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-local-qrcode-add-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-local-qrcode-add-hero-content {
    position: relative;
    z-index: 1;
    /* 限定宽度防止盖住右侧背景 */
    width: calc(100vw / 390 * 167);
}

.flygo-local-qrcode-add-hero-title {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

/* 补边：Figma 8px + (28-18)/2 + (36-12)/2 = 25px (实际由于折行，这里用近似值模拟) */
.flygo-local-qrcode-add-hero-sub {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    font-weight: 400;
    color: #4F4F55;
    text-align: justify;
}

/* ============================================================
   业务语义化样式 - 表单模块
============================================================ */
.flygo-local-qrcode-add-form-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    /* 由于没有 border-box，不设宽度，使用 f-ais 会自动填满且不溢出 */
    margin-bottom: calc(100vw / 390 * 10);
    gap: calc(100vw / 390 * 12);
}

.flygo-local-qrcode-add-form-card:last-child {
    margin-bottom: 0;
}

.flygo-local-qrcode-add-form-label-row {
}

.flygo-local-qrcode-add-form-label {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-local-qrcode-add-req-star {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
    /* 星号和文字的组合间距，使用 margin */
    margin-left: calc(100vw / 390 * 2);
}

.flygo-local-qrcode-add-opt-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-local-qrcode-add-input-wrap {
    width: 100%;
    height: calc(100vw / 390 * 48);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: 0 calc(100vw / 390 * 14);
    box-sizing: border-box;
}

.flygo-local-qrcode-add-input-text {
    font-size: calc(100vw / 390 * 14) !important;;
    height: calc(100vw / 390 * 48) !important;
}

.flygo-local-qrcode-add-input-text:placeholder-shown {
    font-size: calc(100vw / 390 * 12) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-local-qrcode-add-input-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 14) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-local-qrcode-add-icon-btn {
    width: calc(100vw / 390 * 48);
    height: calc(100vw / 390 * 48);
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 10);
    flex-shrink: 0;
    background: #FEF2F2;
}

.flygo-asset-transfer-add-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    fill: #FD2A3A;
}

.flygo-local-qrcode-add-form-hint {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* 文本域特殊处理 */
.flygo-local-qrcode-add-textarea-wrap {
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 14);
    min-height: calc(100vw / 390 * 50);
}

.flygo-local-qrcode-add-counter-text {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
}

/* ============================================================
   业务语义化样式 - 让利比例设置区
============================================================ */
.flygo-local-qrcode-add-stepper-row {
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 4) calc(100vw / 390 * 4);
}

.flygo-local-qrcode-add-stepper-btn {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background: #F2F3F5;
    border-radius: calc(100vw / 390 * 8);
}

.flygo-local-qrcode-add-stepper-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
}

.flygo-local-qrcode-add-stepper-val {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
}

.flygo-local-qrcode-add-ratio-hint {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

.flygo-local-qrcode-add-chips-row {
    /* Chips 之间的排版采用 gap */
    gap: calc(100vw / 390 * 8);
}

.flygo-local-qrcode-add-chip {
    flex: 1;
    height: calc(100vw / 390 * 32);
    background: #F2F3F5;
    border-radius: calc(100vw / 390 * 9999);
}

.flygo-local-qrcode-add-chip-active {
    background: #FF2E4D;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}

.flygo-local-qrcode-add-chip-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #4B5563;
}

.flygo-local-qrcode-add-chip-active .flygo-local-qrcode-add-chip-text {
    color: #FFFFFF;
}

/* ============================================================
   业务语义化样式 - 让利说明区
============================================================ */
.flygo-local-qrcode-add-inst-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 20);
    margin-bottom: calc(100vw / 390 * 10);
    gap: calc(100vw / 390 * 12);
}

.flygo-local-qrcode-add-inst-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-local-qrcode-add-inst-list {
    gap: calc(100vw / 390 * 12);
}

.flygo-local-qrcode-add-inst-icon-wrap {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    border-radius: calc(100vw / 390 * 9999);
    /* 图标与文字的组合使用 margin */
    margin-right: calc(100vw / 390 * 12);
}

.flygo-local-qrcode-add-bg-red-light {
    background: #FFF0F0;
}

.flygo-local-qrcode-add-bg-orange-light {
    background: #FFF6E5;
}

.flygo-local-qrcode-add-bg-purple-light {
    background: #F3F0FF;
}

.flygo-local-qrcode-add-inst-svg {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FD2A3A;
}

.flygo-local-qrcode-add-inst-svg.orange {
    fill: #FF7A04;
}

.flygo-local-qrcode-add-inst-svg.purple {
    fill: #5856D6;
}

.flygo-local-qrcode-add-inst-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    flex: 1;
}

/* ============================================================
   业务语义化样式 - 底部吸底区域
============================================================ */
.flygo-local-qrcode-add-bottom-sticky {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    background: rgba(255, 255, 255, 0.9);
    border-top: 1px solid #F3F4F6;
    backdrop-filter: blur(6px);
    z-index: 10;
    /* 由于没有 border box 且宽度 100vw，需将左右 padding 从内部挤压以防溢出 */
    /* 修正：绝对定位 + width:100vw 如果加了左右 padding 必然溢出。
       所以用 left:0, right:0 去掉 width:100vw 来实现全宽适应。 */
    right: 0;
}

.flygo-local-qrcode-add-submit-btn {
}

.flygo-local-qrcode-add-submit-text {
}

.flygo-local-qrcode-add-cancel-btn {
    margin-top: calc(100vw / 390 * 16);
}

.flygo-local-qrcode-add-cancel-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

/* ============================================================
           local.qrcode.share.html
============================================================ */
.flygo-local-qrcode-share-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    /* 无 border-box: 满宽 358，减去左右 padding(16*2=32)，内容区为 326 */
    width: 100%;
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 16) calc(100vw / 390 * 26);
}

/* 顶部状态标签 */
.flygo-local-qrcode-share-tag-row {
    width: 100%;
}

.flygo-local-qrcode-share-tag {
    background: #FFF0F2;
    height: calc(100vw / 390 * 24);
    border-radius: calc(100vw / 390 * 9999);
    padding: calc(100vw / 390 * 0) calc(100vw / 390 * 10);
}

.flygo-local-qrcode-share-tag.grey {
    background: #F3F4F6;
}

.flygo-local-qrcode-share-tag-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-local-qrcode-share-tag.grey .flygo-local-qrcode-share-tag-text {
    color: #9999A4;
}

/* 标题区 */
.flygo-local-qrcode-share-header {
    margin-top: calc(100vw / 390 * 20);
    width: 100%;
}

.flygo-local-qrcode-share-title {
    font-size: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    text-align: center;
}

/* 补边：Figma 间距 6px + (24-24)/2 + (14-14)/2 = 6px。 这里调整为 10px 更加协调 */
.flygo-local-qrcode-share-subtitle {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* 二维码展示区 */
.flygo-local-qrcode-share-qr-wrap {
    margin-top: calc(100vw / 390 * 32);
    margin-bottom: calc(100vw / 390 * 32);
    /* 无 border-box: 宽高扣除 padding(10*2=20) 与 border(1*2=2)。 总宽 256 -> 内容 234 */
    width: calc(100vw / 390 * 234);
    height: calc(100vw / 390 * 234);
    padding: calc(100vw / 390 * 20);
    border: 1px solid #FFE4E7;
    border-radius: calc(100vw / 390 * 12);
}

.flygo-local-qrcode-share-qr-img {
    width: 100%;
    height: 100%;
    /* 模拟二维码图案，实际替换为您的二维码图片或 canvas */
    background: repeating-linear-gradient(45deg, #000 0, #000 4px, #fff 4px, #fff 8px);
}

/* 引导说明区 */
.flygo-local-qrcode-share-inst-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    text-align: center;
}

.flygo-local-qrcode-share-inst-sub {
    margin-top: calc(100vw / 390 * 12);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* 分隔线 */
.flygo-local-qrcode-share-divider {
    width: 100%;
    height: 1px;
    border-top: 1px dashed #E5E5E5;
    margin: calc(100vw / 390 * 26) 0;
}

/* 底部提示 */
.flygo-local-qrcode-share-tip {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* ============================================================
   业务语义化样式 - 底部吸底按钮
============================================================ */
.flygo-local-qrcode-share-bottom {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    width: auto;
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    background: rgba(255, 255, 255, 0.9);
    backdrop-filter: blur(6px);
    z-index: 10;
}

.flygo-local-qrcode-share-btn {
}

.flygo-local-qrcode-share-btn-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    /* 图文排版坚决使用 margin 推开间距 */
    margin-right: calc(100vw / 390 * 8);
}

.flygo-local-qrcode-share-btn-text {
}

/* ============================================================
           local.contrib.html
============================================================ */
.flygo-local-contrib-hero-card {
    position: relative;
    height: calc(100vw / 390 * 120);
    border-radius: calc(100vw / 390 * 10);
    border: calc(100vw / 390 * 1) solid #FCEDED;
    padding: calc(100vw / 390 * 22) calc(100vw / 390 * 16);
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-local-contrib-hero-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-local-contrib-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-local-contrib-hero-content {
    position: relative;
    z-index: 1;
}

.flygo-local-contrib-hero-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

.flygo-local-contrib-hero-sub {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 12);
    width: calc(100vw / 390 * 190);
    line-height: 1.5;
    font-weight: 400;
    color: #4F4F55;
    text-align: justify;
}

/* ============================================================
   业务语义化样式 - 通用卡片与表单
============================================================ */
.flygo-local-contrib-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    gap: calc(100vw / 390 * 12);
}

.flygo-local-contrib-card:last-child {
    margin-bottom: 0;
    gap: calc(100vw / 390 * 16);
}

.flygo-local-contrib-card-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-local-contrib-req-star {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
    margin-left: calc(100vw / 390 * 2);
}

.flygo-local-contrib-opt-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-local-contrib-content-title {
}

.flygo-local-contrib-input-wrap {
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 14);
    background: #FFFFFF;
    box-sizing: border-box;
    height: calc(100vw / 390 * 48);
}

.flygo-local-contrib-input-other-wrap {
    width: 100%;
    height: calc(100vw / 390 * 48);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: 0 calc(100vw / 390 * 14);
    box-sizing: border-box;
}

.flygo-local-contrib-input-text {
    font-size: calc(100vw / 390 * 14) !important;;
    height: calc(100vw / 390 * 26) !important;
}

.flygo-local-contrib-input-text:placeholder-shown {
    font-size: calc(100vw / 390 * 12) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-local-contrib-input-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 14) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-local-contrib-input-val-text {
    font-size: calc(100vw / 390 * 18) !important;;
    height: calc(100vw / 390 * 48) !important;
}

.flygo-local-contrib-input-val-text:placeholder-shown {
    font-size: calc(100vw / 390 * 12) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-local-contrib-input-val-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 18) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-local-contrib-input-val-unit {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
    flex-shrink: 0;
}

.flygo-local-contrib-search-box {
    flex-shrink: 0;
    height: calc(100vw / 390 * 16);
    margin-left: calc(100vw / 390 * 10);
}

.flygo-local-contrib-search-divider {
    width: 1px;
    height: calc(100vw / 390 * 16);
    background: #D1D5DB;
    margin-left: auto;
    margin-right: calc(100vw / 390 * 12);
}

.flygo-local-contrib-search-btn-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
    flex-shrink: 0;
}

.flygo-local-contrib-form-hint {
    margin-bottom: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-contrib-section-box {
    width: 100%;
    gap: calc(100vw / 390 * 12);
}

.flygo-local-contrib-textarea-wrap {
    width: 100%;
    height: calc(100vw / 390 * 48);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
    padding: 0 calc(100vw / 390 * 14);
    box-sizing: border-box;
}

.flygo-local-contrib-counter-content {
    width: 100%;
}

.flygo-local-contrib-counter-text {
    flex-grow: 0;
    flex-shrink: 0;
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    color: #9999A4;
    margin-left: calc(100vw / 390 * 10);
}

/* ============================================================
   业务语义化样式 - Tabs 筛选
============================================================ */
.flygo-local-contrib-input-no-result {
    width: 100%;
    padding: calc(100vw / 390 * 16) 0;
    gap: calc(100vw / 390 * 6);
}

.flygo-local-contrib-input-no-result-title {
    width: 100%;
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    color: #4F4F55;
}

.flygo-local-contrib-input-no-result-sub-title {
    width: 100%;
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    color: #9999A4;
}

.flygo-local-contrib-tabs-wrapper {
    width: 100%;
    gap: calc(100vw / 390 * 10);
}

.flygo-local-contrib-tab-item {
    height: calc(100vw / 390 * 35);
    border-radius: calc(100vw / 390 * 9999);
    /*padding: 0 calc(100vw / 390 * 20);*/
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    width: 25%;
}

.flygo-local-contrib-tab-item-active {
    height: calc(100vw / 390 * 35);
    border-radius: calc(100vw / 390 * 9999);
    /* 去除 box-sizing 后，border 会增加体积，所以 padding 相应减去 1px 保持同高 */
    /*padding: 0 calc(100vw / 390 * 19);*/
    background: #FEF2F2;
    border: 1px solid #FD2A3A;
    width: 25%;
}

.flygo-local-contrib-tab-item + .flygo-local-contrib-tab-item,
.flygo-local-contrib-tab-item-active + .flygo-local-contrib-tab-item {
    /*margin-left: calc(100vw / 390 * 12);*/
}

.flygo-local-contrib-tab-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-local-contrib-tab-text-active {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 选中账户展示卡片
============================================================ */
.flygo-local-contrib-sel-account-card {
    width: 100%;
    border: 1px solid #EDEFF2;
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 16);
    background: #FFFFFF;
}

.flygo-local-contrib-avatar-box {
    border: calc(100vw / 390 * 1) solid #EEEEEE !important;
}

.flygo-local-contrib-sel-info-wrap {
    flex: 1;
}

.flygo-local-contrib-sel-id {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-local-contrib-sel-nick {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-contrib-sel-tip-red {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

.flygo-local-contrib-sel-tip-gray {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-contrib-check-icon-wrap-bg {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    background: #F7F8FA;
    border-radius: 50%;
    flex-shrink: 0;
}

.flygo-local-contrib-check-icon-wrap-bg-active {
    background: #FFF0F2 !important;
}

.flygo-local-contrib-check-icon-wrap-bg-active .flygo-local-contrib-check-svg {
    fill: #FF1F40;
}

.flygo-local-contrib-check-icon-wrap-bg-target-active {
    background: #34C759 !important;
}

.flygo-local-contrib-check-icon-wrap-bg-target-active .flygo-local-contrib-check-svg {
    fill: #FFFFFF;
}

.flygo-local-contrib-check-svg {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
}

/* ============================================================
   业务语义化样式 - 常用交易对象横向滚动区
============================================================ */
.flygo-local-contrib-partner-box {
    width: 100%;
    gap: calc(100vw / 390 * 12);
}

flygo-local-contrib-partner-title {
    width: 100%;
}

.flygo-local-contrib-more-row {
    /* 文字和图标间距使用 margin */
}

.flygo-local-contrib-more-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-local-contrib-more-icon {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    fill: #4F4F55;
    margin-left: calc(100vw / 390 * 4);
}

.flygo-local-contrib-partner-container {
    height: calc(100vw / 390 * 190);
}

.flygo-local-contrib-partner-item {
    border: 1px solid #F3F4F6;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 12);
    background: #FFFFFF;
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.03);
    /* 由于无 border-box，此处指定内容宽度 (140 - 24 - 2 = 114) */
    /*width: calc(100vw / 390 * 114);*/
    flex-shrink: 0;
    width: auto;
    gap: calc(100vw / 390 * 10);
    margin-right: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 183);
}

.flygo-local-contrib-partner-item:last-child {
    margin-right: 0;
}

.flygo-local-contrib-avatar-box-small {
    width: calc(100vw / 390 * 40) !important;
    height: calc(100vw / 390 * 40) !important;
    border: calc(100vw / 390 * 1) solid #EEEEEE !important;
}

.flygo-local-contrib-partner-id-title {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-local-contrib-partner-id-val {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
}

.flygo-local-contrib-partner-tag {
    height: calc(100vw / 390 * 16);
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 4);
    /* 图标文字组合结构，使用 margin-left 隔开 ID */
    margin-left: calc(100vw / 390 * 4);
    flex-shrink: 0;
}

.flygo-local-contrib-partner-tag-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
}

.flygo-local-contrib-tag-purple {
    background: #F0E6FF;
    color: #5856D6;
}

.flygo-local-contrib-tag-orange {
    background: #FFF0E6;
    color: #FF7A04;
}

.flygo-local-contrib-partner-nick-val {
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-contrib-partner-btn {
    height: calc(100vw / 390 * 32);
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0;
    width: 100%;
    margin-top: calc(100vw / 390 * 6);
}

.flygo-local-contrib-partner-btn-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 订单信息预览区
============================================================ */
.flygo-local-contrib-preview-box {
    width: 100%;
    gap: calc(100vw / 390 * 16);
}

.flygo-local-contrib-preview-row {
    /*margin-top: calc(100vw / 390 * 12);*/
}

.flygo-local-contrib-preview-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 8);
    fill: #FD2A3A;
}

.flygo-local-contrib-preview-icon.grey {
    fill: #9999A4;
}

.flygo-local-contrib-preview-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #4F4F55;
    width: calc(100vw / 390 * 70); /* 保持左侧对齐宽度 */
    flex-shrink: 0;
}

.flygo-local-contrib-preview-val {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    flex: 1;
    /* 保证内容换行或撑满 */
}

.flygo-local-contrib-preview-val-bold {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    flex: 1;
}

.flygo-local-contrib-val-highlight {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-local-contrib-status-tag {
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 20);
}

.flygo-local-contrib-status-tag-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
}

.flygo-local-contrib-tag-pending {
    background: #FFF7ED;
    color: #FF7A04;
}

.flygo-local-contrib-tag-completed {
    background: #F0FDF4;
    color: #22C55E;
}

.flygo-local-contrib-tag-cancelled {
    background: #F3F4F6;
    color: #6B7280;
}

.flygo-local-contrib-divider-line {
    width: 100%;
    height: 1px;
    background-color: #F7F8FA;
    /*margin-top: calc(100vw / 390 * 14);*/
    /*margin-bottom: calc(100vw / 390 * 14);*/
}

.flygo-local-contrib-preview-hint {
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    /* 图标的组合已设置了 marginRight */
}

.flygo-local-contrib-submit-btn {
    /*margin-top: calc(100vw / 390 * 14);*/
}

.flygo-local-contrib-submit-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #FFFFFF;
}

/* ============================================================
           local.contrib.order.html
============================================================ */
.flygo-local-conrib-order-tab-content {
    width: 100%;
    background-color: #F7F8FA;
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 5) calc(100vw / 390 * 16);
}

.flygo-local-conrib-order-tabs-wrapper {
    width: 100%;
}

.flygo-local-conrib-order-tab {
    height: calc(100vw / 390 * 38);
    padding: 0 calc(100vw / 390 * 20);
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: calc(100vw / 390 * 9999);
    flex-shrink: 0;
}

/* 无 border-box: 宽高扣减 2px 边框以保持像素对齐 */
.flygo-local-conrib-order-tab-active {
    background: #FEF2F2;
    border: 1px solid #FD2A3A;
    box-sizing: border-box;
    box-shadow: unset;
}

.flygo-local-conrib-order-tab-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-local-conrib-order-tab-active .flygo-local-conrib-order-tab-text {
    color: #FD2A3A;
}

/* ============================================================
           业务语义化样式 - 订单列表内容区
============================================================ */
.flygo-local-conrib-order-list-wrap {
}

.flygo-local-conrib-order-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    width: 100%;
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-local-conrib-order-card:last-child {
    margin-bottom: calc(100vw / 390 * 0);
}

.flygo-local-conrib-order-avatar {
    width: calc(100vw / 390 * 44);
    height: calc(100vw / 390 * 44);
    border: calc(100vw / 390 * 1) solid #EEEEEE !important;
}

.flygo-local-conrib-order-content {
    /* 326 - 44(头像) - 12(头像margin) = 270 */
    width: calc(100vw / 390 * 270);
}

/* 顶部行：ID + 身份标签 + 右侧状态标签 */
.flygo-local-conrib-order-header {
    width: 100%;
}

.flygo-local-conrib-order-box {
    width: 100%;
    min-width: 0;
}

.flygo-local-conrib-order-id-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

/* 身份小标签 */
.flygo-local-conrib-order-role-tag {
    height: calc(100vw / 390 * 20);
    padding: 0 calc(100vw / 390 * 6);
    border-radius: calc(100vw / 390 * 4);
    /* 强行使用 margin 与 ID 推开间距 */
    margin-left: calc(100vw / 390 * 6);
    flex-shrink: 0;
}

.flygo-local-conrib-order-role-purple {
    background: #EEF2FF;
}

.flygo-local-conrib-order-role-orange {
    background: #FFF7ED;
}

.flygo-local-conrib-order-role-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #6366F1;
}

.flygo-local-conrib-order-role-purple .flygo-local-conrib-order-role-text {
    color: #6366F1;
}

.flygo-local-conrib-order-role-orange .flygo-local-conrib-order-role-text {
    color: #F97316;
}

/* 状态标签 */
.flygo-local-conrib-order-status-tag {
    height: calc(100vw / 390 * 25);
    padding: 0 calc(100vw / 390 * 8);
    border-radius: calc(100vw / 390 * 4);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 12);
}

.flygo-local-conrib-order-status-orange {
    background: #FFF7ED;
}

.flygo-local-conrib-order-status-green {
    background: #F0FDF4;
}

.flygo-local-conrib-order-status-gray {
    background: #F3F4F6;
}

.flygo-local-conrib-order-status-text {
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
}

.flygo-local-conrib-order-status-orange .flygo-local-conrib-order-status-text {
    color: #F97316;
}

.flygo-local-conrib-order-status-green .flygo-local-conrib-order-status-text {
    color: #22C55E;
}

.flygo-local-conrib-order-status-gray .flygo-local-conrib-order-status-text {
    color: #6B7280;
}

/* 昵称 */
.flygo-local-conrib-order-nick {
    margin-top: calc(100vw / 390 * 2);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* 金额行 */
.flygo-local-conrib-order-amount-row {
    margin-top: calc(100vw / 390 * 14);
    width: 100%;
}

.flygo-local-conrib-order-amount-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 700;
    color: #111827;
}

.flygo-local-conrib-order-amount-unit {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-left: calc(100vw / 390 * 6);
    flex-shrink: 0;
}

/* 底部信息与按钮行 */
.flygo-local-conrib-order-footer-row {
    margin-top: calc(100vw / 390 * 10);
    width: 100%;
}

.flygo-local-conrib-order-subtext {
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-bottom: calc(100vw / 390 * 5);
}

.flygo-local-conrib-order-subtext:last-child {
    margin-bottom: 0;
}

/* 操作按钮样式 (无 border-box) */
/* 红框按钮：原宽 78, 扣减 border(2px) = 76px; 高度 32 - 2 = 30px */
.flygo-local-conrib-order-btn-red {
    width: calc(100vw / 390 * 78);
    height: calc(100vw / 390 * 32);
    margin-left: calc(100vw / 390 * 12);
    border-radius: calc(100vw / 390 * 8);
}

.flygo-local-conrib-order-btn-text-red {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #EF4444;
}

/* 灰框按钮：原宽 78, 扣减 border(2px) = 76px; 高度 32 - 2 = 30px */
.flygo-local-conrib-order-btn-gray {
    width: calc(100vw / 390 * 76);
    height: calc(100vw / 390 * 30);
    background: #FFFFFF;
    border: 1px solid #9999A4;
    border-radius: calc(100vw / 390 * 8);
    cursor: pointer;
}

.flygo-local-conrib-order-btn-text-gray {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* 底部加载更多按钮 */
.flygo-local-conrib-order-load-more {
    margin-bottom: 0 !important;
}

/* ============================================================
           local.history.html
============================================================ */
.flygo-local-history-tab-content {
    width: 100%;
    background-color: #F7F8FA;
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 5) calc(100vw / 390 * 16);
}

.flygo-local-history-tab-row {
    position: relative;
    width: 100%;
    height: calc(100vw / 390 * 48);
    background-color: #FFFFFF;
    border-radius: calc(100vw / 390 * 56);
}

.flygo-local-history-tab-inactive {
    height: 100%;
    width: 25%;
    position: relative;
    z-index: 1;

    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    /*height: calc(100vw / 390 * 14);*/
    font-weight: 500;
}

.flygo-local-history-tab-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 500;
    color: #4F4F55;
}

.flygo-local-history-tab-active {
    background-color: #FDF3F3;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 34);
    height: calc(100vw / 390 * 48);
    position: absolute;
    z-index: 0;
    width: 0;
    box-sizing: border-box;
}

.flygo-local-history-tab-active .flygo-local-history-tab-text {
    color: #FD2A3A;
}


/* ============================================================
   业务语义化样式 - 经营概览卡片 (Overview)
============================================================ */
.flygo-local-history-overview-card {
    position: relative;
    /*height: calc(100vw / 390 * 326);*/
    border: calc(100vw / 390 * 1) solid #FAECEE;
    border-radius: calc(100vw / 390 * 16);
    width: 100%;
    overflow: hidden;
}

.flygo-local-history-overview-bg {
    position: absolute;
    background: url(../img/flygo/flygo-local-history-header.png) no-repeat right top;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-local-history-overview-content {
    position: relative;
    z-index: 1;
}

.flygo-local-history-overview-top-info {
    padding: calc(100vw / 390 * 20) calc(100vw / 390 * 20) 0 calc(100vw / 390 * 20);
    position: relative;
    z-index: 2;
}

.flygo-local-history-overview-header {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

/* 图标和文字组合，坚决使用 margin */
.flygo-local-history-overview-eye-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 10);
    margin-left: calc(100vw / 390 * 6);
}

.flygo-local-history-overview-sub {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4B5563;
}

.flygo-local-history-overview-amount {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 28);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #FD2A3A;
    letter-spacing: calc(100vw / 390 * -0.8);
}

.flygo-local-history-overview-desc {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-history-overview-container {
    padding: calc(100vw / 390 * 15) calc(100vw / 390 * 16) calc(100vw / 390 * 16) calc(100vw / 390 * 16);
}

/* 内部四宫格数据卡片 */
.flygo-local-history-overview-grid {
    /* 宏观布局允许使用 gap */
    gap: calc(100vw / 390 * 10);
}

.flygo-local-history-overview-grid-item {
    background: rgba(255, 255, 255, 0.8);
    border: 1px solid #FFFFFF;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02), inset 0 2px 4px 1px rgba(255, 255, 255, 0.8);
    border-radius: calc(100vw / 390 * 8);
    padding: calc(100vw / 390 * 12);
    /* 计算宽度：(358 - 40 padding - 10 gap) / 2 = 154px。
       去除 border-box 后，CSS宽度 = 154 - 24 padding - 2 border = 128px */
    width: calc(50% - calc(100vw / 390 * 5));
}

.flygo-local-history-grid-title {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-history-grid-val {
    margin-top: calc(100vw / 390 * 6);
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #111827;
}

.flygo-local-history-grid-sub {
    margin-top: calc(100vw / 390 * 6);
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-history-grid-sub-highlight {
    color: #FD2A3A;
    /* 行内文字组合间距 */
    margin-left: calc(100vw / 390 * 4);
}

.flygo-local-history-grid-arrow {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
}

/* ============================================================
   业务语义化样式 - 经营流水区块 (Transaction History)
============================================================ */
.flygo-local-history-flow-header {
    width: 100%;
    margin: calc(100vw / 390 * 16) 0;
}

.flygo-local-history-flow-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

/* 筛选栏 */
.flygo-local-history-filters-wrap {
    width: 100%;
}

.flygo-local-history-filter-scroll {
    overflow-x: auto;
    /* 宏观布局允许 gap */
    gap: calc(100vw / 390 * 8);
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-local-history-filter-scroll::-webkit-scrollbar {
    display: none;
}

.flygo-local-history-filter-chip {
    height: calc(100vw / 390 * 32);
    padding: 0 calc(100vw / 390 * 16);
    background: #F9FAFB;
    border: 1px solid #EAEAED;
    border-radius: calc(100vw / 390 * 9999);
    white-space: nowrap;
}

.flygo-local-history-filter-chip-active {
    /* padding 减 1px 抵消无 border 差异 */
    height: calc(100vw / 390 * 32);
    padding: 0 calc(100vw / 390 * 16);
    background: #FD2A3A;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 9999);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    white-space: nowrap;
}

.flygo-local-history-chip-text {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-local-history-chip-text-active {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #FFFFFF;
}

.flygo-local-history-filter-action {
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 16);
}

.flygo-local-history-filter-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    /* 图标与文字组合，强制使用 margin */
    margin-right: calc(100vw / 390 * 4);
}

.flygo-local-history-filter-action-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

/* 列表区域 */
.flygo-local-history-list-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 4) calc(100vw / 390 * 16) calc(100vw / 390 * 16);
    width: auto;
    align-self: stretch;
}

.flygo-local-history-list-item {
    padding: calc(100vw / 390 * 16) 0;
    border-bottom: 1px solid #F9FAFB;
}

.flygo-local-history-list-item:last-child {
    border-bottom: none;
}

.flygo-local-history-item-icon-wrap {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 9999);
    /* 图文组合使用 margin 隔开右侧内容 */
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-local-history-bg-red {
    background: #FEF2F2;
}

.flygo-local-history-bg-orange {
    background: #FFF7ED;
}

.flygo-local-history-bg-blue {
    background: #EFF6FF;
}

.flygo-local-history-bg-purple {
    background: #FAF5FF;
}

.flygo-local-history-item-svg {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
}

.flygo-local-history-item-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-local-history-item-time {
    margin-top: calc(100vw / 390 * 6);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-local-history-item-amount-pos {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #FD2A3A;
}

.flygo-local-history-item-amount-neg {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
}

.flygo-local-history-status-tag {
    margin-top: calc(100vw / 390 * 6);
    border-radius: calc(100vw / 390 * 4);
    padding: calc(100vw / 390 * 2) calc(100vw / 390 * 6);
}

.flygo-local-history-status-tag-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
}

.flygo-local-history-tag-green {
    background: #F0FDF4;
    color: #34C759;
}

.flygo-local-history-tag-blue {
    background: #EFF6FF;
    color: #0B64FD;
}

.flygo-local-history-tag-orange {
    background: #FFF7ED;
    color: #FF7A04;
}

/* ============================================================
   业务语义化样式 - 数据说明 Footer
============================================================ */
.flygo-local-history-data-note-card {
    background: rgba(254, 242, 242, 0.5);
    border: 1px solid #FEF2F2;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
}

.flygo-local-history-note-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    /* 图文组合严格使用 margin */
    margin-right: calc(100vw / 390 * 6);
}

.flygo-local-history-note-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #111827;
}

.flygo-local-history-note-list {
    margin-top: calc(100vw / 390 * 12);
    gap: calc(100vw / 390 * 8);
}

.flygo-local-history-note-dot {
    width: calc(100vw / 390 * 4);
    height: calc(100vw / 390 * 4);
    background: #F87171;
    border-radius: calc(100vw / 390 * 9999);
    flex-shrink: 0;
    /* 点和文本组合，严格使用 margin */
    margin-right: calc(100vw / 390 * 8);
    margin-top: calc(100vw / 390 * 4); /* 对齐首行文本 */
}

.flygo-local-history-note-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    font-weight: 400;
    color: #6B7280;
    text-align: justify;
}

/* ============================================================
           prompt.grade.html
============================================================ */
.flygo-bind-success-modal {
    background: #FFFFFF;
    box-shadow: 0 calc(100vw / 390 * 20) calc(100vw / 390 * 40) calc(100vw / 390 * -10) rgba(0, 0, 0, 0.1);
    border-radius: calc(100vw / 390 * 20);
    position: relative;
    overflow: hidden;
}

.flygo-bind-success-close-btn {
    position: absolute;
    right: calc(100vw / 390 * 16);
    top: calc(100vw / 390 * 16);
    width: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 28);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
    z-index: 10;
    cursor: pointer;
}

.flygo-bind-success-close-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
}

.flygo-bind-success-illustration {
    width: 100%;
    height: calc(100vw / 390 * 213);
    background-color: #FFFFFF; /* 使用底色模拟插图区 */
    background-size: cover;
    background-position: center top;
    position: absolute;
    z-index: 0;
}

.flygo-bind-success-content-area {
    padding: calc(100vw / 390 * 25) calc(100vw / 390 * 20) calc(100vw / 390 * 20);
    margin-top: calc(100vw / 390 * 130);
    position: relative;
    z-index: 1;
    width: 100%;
}

.flygo-bind-success-title {
    font-size: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    text-align: center;
}

.flygo-bind-success-sub-black {
    margin-top: calc(100vw / 390 * 16);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.flygo-bind-success-sub-red {
    margin-top: calc(100vw / 390 * 14);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
    text-align: center;
}

.flygo-bind-success-desc {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* ============================================================
   业务语义化样式 - 中间内容部件库 (根据数据动态挂载)
============================================================ */

/* 部件 A: 简单状态标签 (用于绑定、开通) */
.flygo-bind-success-status-tag {
    height: calc(100vw / 390 * 28);
    margin-top: calc(100vw / 390 * 14);
    background: #FFF0F0;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 12);
}

.flygo-bind-success-tag-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 6); /* 强制使用 margin 推开间距 */
    fill: #FD2A3A;
}

.flygo-bind-success-tag-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* 部件 B: 信息列表与高亮警告 (用于购买) */
.flygo-bind-success-info-box {
    margin-top: calc(100vw / 390 * 12);
    /* 无 border-box: 272(总宽) - 32(左右padding) - 2(左右border) = 238 */
    width: 100%;
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16);
    background: #FFFCFC;
    border: 1px solid #FEF2F2;
    border-radius: calc(100vw / 390 * 12);
}

.flygo-bind-success-info-row {
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-bind-success-info-row:last-child {
    margin-bottom: 0;
}

.flygo-bind-success-info-label-icon-wrapper {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background: #FDE4E4;
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 8); /* 强制使用 margin 推开间距 */
}

.flygo-bind-success-info-label-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #FD2A3A;
}

.flygo-bind-success-info-label-text {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-bind-success-info-val-black {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-bind-success-info-val-red {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A !important;
}

.flygo-bind-success-warning-box {
    height: calc(100vw / 390 * 28);
    margin-top: calc(100vw / 390 * 16);
    background: #FFF0F0;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 12);
}

.flygo-bind-success-warning-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 6); /* 强制使用 margin 推开间距 */
    fill: #FF3B30;
}

.flygo-bind-success-warning-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 底部按钮库
============================================================ */
.flygo-bind-success-actions-container {
    margin-top: calc(100vw / 390 * 16);
    width: 100%;
}

/* 主按钮 (红底白字) */
.flygo-bind-success-btn-primary {
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-bind-success-btn-primary:last-child {
    margin-bottom: 0;
}

.flygo-bind-success-btn-primary-text {
}

/* 次按钮 (白底红框红字) */
.flygo-bind-success-btn-secondary {
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-bind-success-btn-secondary:last-child {
    margin-bottom: 0;
}

.flygo-bind-success-btn-secondary-text {
}

/* 纯文本链接按钮 */
.flygo-bind-success-btn-link {
    width: 100%;
    height: calc(100vw / 390 * 14);
    cursor: pointer;
}

.flygo-bind-success-btn-link-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
       prompt.grade.buy.html
============================================================ */
.flygo-grade-buy-modal {
    width: 100%;
    padding: calc(100vw / 390 * 20);
    background: #FFFFFF;
    box-shadow: 0px calc(100vw / 390 * 20) calc(100vw / 390 * 40) calc(100vw / 390 * -10) rgba(0, 0, 0, 0.1);
    border-radius: calc(100vw / 390 * 20);
    position: relative;
    /* 为顶部凸出的图标预留空间 */
    margin: calc(100vw / 390 * 40) auto 0;
}

.flygo-grade-buy-close-btn {
    position: absolute;
    right: calc(100vw / 390 * 16);
    top: calc(100vw / 390 * 16);
    width: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 28);
    background: #F7F8FA;
    border-radius: calc(100vw / 390 * 9999);
    z-index: 10;
    cursor: pointer;
}

.flygo-grade-buy-close-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

/* 顶部凸起图标 */
.flygo-grade-buy-top-icon-wrap {
    position: absolute;
    left: calc(50% - 100vw / 390 * 40);
    top: calc(100vw / 390 * -40);
    width: calc(100vw / 390 * 80);
    height: calc(100vw / 390 * 80);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 40);
    box-shadow: 0px calc(100vw / 390 * -4) calc(100vw / 390 * 10) rgba(0, 0, 0, 0.05);
    z-index: 10;
}

.flygo-grade-buy-top-icon-inner {
    width: calc(100vw / 390 * 64);
    height: calc(100vw / 390 * 64);
    background: #FDF4F1;
    border-radius: calc(100vw / 390 * 32);
    position: relative;
}

.flygo-grade-buy-top-icon-svg {
    width: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 36);
}

.flygo-grade-buy-top-badge {
    position: absolute;
    bottom: calc(100vw / 390 * -10);
    width: 100%;
    height: calc(100vw / 390 * 22);
    left: 0;
    background: #FD2A3A;
    border: calc(100vw / 390 * 2) solid #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
}

.flygo-grade-buy-top-badge-text {
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 500;
    color: #FFFFFF;
    text-align: center;
    width: 100%;
}

/* 标题区域 */
.flygo-grade-buy-header {
    margin-top: calc(100vw / 390 * 40);
    width: 100%;
}

.flygo-grade-buy-title {
    font-size: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    text-align: center;
}

.flygo-grade-buy-subtitle {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
    margin-bottom: calc(100vw / 390 * 20);
}

/* ============================================================
   业务语义化样式 - 形态 1：加减步进器 (Service)
============================================================ */
.flygo-grade-buy-stepper-container {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-grade-buy-stepper-row {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-grade-buy-stepper-row:last-child {
    margin-bottom: 0;
}

.flygo-grade-buy-stepper-label-row {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-grade-buy-stepper-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-grade-buy-stepper-limit {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #6B7280;
    margin-right: calc(100vw / 390 * 6);
}

/* 独立出来的数量值样式 */
.flygo-grade-buy-stepper-limit-val {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    margin-right: calc(100vw / 390 * 6);
}

.flygo-grade-buy-stepper-box {
    /* 无 border-box: 父容宽280 - 左右padding(4*2) - 左右border(1*2) = 270 */
    width: calc(100vw / 390 * 270);
    padding: calc(100vw / 390 * 4);
    border: 1px solid #E8E9ED;
    border-radius: calc(100vw / 390 * 10);
}

.flygo-grade-buy-stepper-btn-minus {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background: #F2F3F5;
    border-radius: calc(100vw / 390 * 8);
    cursor: pointer;
    transition: opacity 0.2s;
}

.flygo-grade-buy-stepper-btn-plus {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background: #FDE8E8;
    border-radius: calc(100vw / 390 * 8);
    cursor: pointer;
    transition: opacity 0.2s;
}

/* 核心功能：禁用状态置灰且拦截点击事件 */
.flygo-grade-buy-stepper-btn-disabled {
    opacity: 0.3;
    pointer-events: none;
}

.flygo-grade-buy-stepper-icon-gray {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #4F4F55;
}

.flygo-grade-buy-stepper-icon-red {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #FD2A3A;
}

.flygo-grade-buy-stepper-val {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
}

.flygo-grade-buy-stepper-hint {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 10);
    line-height: 1.5;
    font-weight: 400;
    color: #9CA3AF;
    text-align: center;
    width: 100%;
}

/* ============================================================
   业务语义化样式 - 形态 2：只读卡片 (Alliance)
============================================================ */
.flygo-grade-buy-cards-container {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-grade-buy-card-box {
    width: 100%;
    padding: calc(100vw / 390 * 8) calc(100vw / 390 * 12);
    background: #FFFFFF;
    border: 1px solid #F3F4F6;
    border-radius: calc(100vw / 390 * 12);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-buy-card-box:last-child {
    margin-bottom: 0;
}

.flygo-grade-buy-card-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-grade-buy-card-tag {
    background: #FFF7ED;
    height: calc(100vw / 390 * 21);
    border: 1px solid #FFEDD5;
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-grade-buy-card-tag-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #FF7A04;
}

.flygo-grade-buy-card-amount-box {
    border: 1px solid #F3F4F6;
    width: calc(100vw / 390 * 58);
    height: calc(100vw / 390 * 59);
    border-radius: calc(100vw / 390 * 8);
}

.flygo-grade-buy-card-amount-label {
    margin-top: calc(100vw / 390 * 4);
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-grade-buy-card-amount-val {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 底部公共信息与警告框
============================================================ */
.flygo-grade-buy-info-box {
    width: 100%;
    padding: calc(100vw / 390 * 14);
    background: #FFFCFC;
    border: 1px solid #FEF2F2;
    border-radius: calc(100vw / 390 * 12);
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-grade-buy-info-row {
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-grade-buy-info-row:last-child {
    margin-bottom: 0;
}

.flygo-grade-buy-info-icon-wrap {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background: #FDE4E4;
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 8);
}

.flygo-grade-buy-info-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #FD2A3A;
}

.flygo-grade-buy-info-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-grade-buy-info-val {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    text-align: right;
}

.flygo-grade-buy-warning-box {
    background: #FDF5EF;
    height: calc(100vw / 390 * 28);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 12);
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-grade-buy-warning-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 6);
    fill: #FF3B30;
}

.flygo-grade-buy-warning-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 操作按钮
============================================================ */
.flygo-grade-buy-actions {
    width: 100%;
    gap: calc(100vw / 390 * 12);
}

.flygo-grade-buy-btn-primary {
}

.flygo-grade-buy-btn-primary:last-child {
    margin-bottom: 0;
}

.flygo-grade-buy-btn-primary-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #FFFFFF;
}

.flygo-grade-buy-btn-link {
    width: 100%;
    height: calc(100vw / 390 * 20);
    cursor: pointer;
}

.flygo-grade-buy-btn-link-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #6B7280;
}

/* ============================================================
           grade.service.html
============================================================ */
.flygo-grade-service-role-card {
    position: relative;
    /*height: calc(100vw / 390 * 126);*/
    border: calc(100vw / 390 * 1) solid #FAECEE;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20);
    width: 100%;
    overflow: hidden;
}

.flygo-grade-service-role-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-grade-service-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-grade-service-role-profile {
    position: relative;
    z-index: 1;
}

.flygo-grade-service-role-avatar-wrap {
    width: calc(100vw / 390 * 54);
    height: calc(100vw / 390 * 54);
    background: #FEF9F8;
    border: 1px solid #FAECEE;
    border-radius: calc(100vw / 390 * 9999);
}

.flygo-grade-service-role-avatar-svg {
    width: calc(100vw / 390 * 33);
    height: calc(100vw / 390 * 40);
}

.flygo-grade-service-role-info {
    /* 图文排版使用 margin */
    margin-left: calc(100vw / 390 * 10);
}

.flygo-grade-service-role-title-text {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-service-role-id-row {
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-grade-service-role-id-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-grade-service-role-copy-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    /* 图文排版使用 margin */
    margin-left: calc(100vw / 390 * 6);
    fill: #4F4F55;
}

.flygo-grade-service-role-status-tag {
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 10);
    position: relative;
    z-index: 1;
    height: calc(100vw / 390 * 30);
}

.flygo-grade-service-role-status-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* 服务商身份卡片内部统计下底栏 */
.flygo-grade-service-role-subbar {
    position: relative;
    z-index: 1;
    margin-top: calc(100vw / 390 * 20);
    background: rgba(255, 255, 255, 0.8);
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 14) calc(100vw / 390 * 16);
}

.flygo-grade-service-subbar-col {
    flex: 1;
}

.flygo-grade-service-subbar-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

.flygo-grade-service-subbar-val {
    margin-top: calc(100vw / 390 * 4);
    font-size: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    text-align: center;
}

.flygo-grade-service-text-orange-main {
    color: #FD2A3A;
}

.flygo-grade-service-text-dark-main {
    color: #333333;
}

.flygo-grade-service-subbar-divider {
    width: 1px;
    height: calc(100vw / 390 * 24);
    background: #FFF2F4;
}

/* ============================================================
   业务语义化样式 - 订单概览模块
============================================================ */
.flygo-grade-service-section-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin: calc(100vw / 390 * 16) 0;
}

.flygo-grade-service-overview-grid {
    gap: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-service-overview-item {
    background: #FFFFFF;
    border: 1px solid #F9FAFB;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 12);
    /* 两列布局自适应计算 */
    width: calc(50% - calc(100vw / 390 * 5));;
}

.flygo-grade-service-overview-icon-wrap {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 9999);
    /* 图文间距使用 margin */
    margin-right: calc(100vw / 390 * 12);
}

.flygo-grade-service-overview-bg-red {
    background: #FEF2F2;
    fill: #FD2A3A;
}

.flygo-grade-service-overview-bg-orange {
    background: #FFF7ED;
    fill: #FF7A04;
}

.flygo-grade-service-overview-bg-green {
    background: #F0FDF4;
    fill: #34C759;
}

.flygo-grade-service-overview-bg-purple {
    background: #FAF5FF;
    fill: #5856D6;
}

.flygo-grade-service-overview-icon-svg {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-grade-service-overview-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-grade-service-overview-val {
    margin-top: calc(100vw / 390 * 4);
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #4F4F55;
}

/* ============================================================
   业务语义化样式 - 订单列表与状态筛选
============================================================ */
.flygo-asset-transfer-tab-content {
    width: 100%;
    background-color: #F7F8FA;
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 5) calc(100vw / 390 * 16);
}

.flygo-grade-service-filter-row {
    width: 100%;
}

.flygo-grade-service-filter-chip {
    background: #FFFFFF;
    height: calc(100vw / 390 * 38);
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.05);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 20);
    flex-shrink: 0;
}

.flygo-grade-service-filter-chip-active {
    background: #FEF2F2 !important;
    border: 1px solid #FD2A3A !important;
    box-sizing: border-box;
    box-shadow: unset;
}

.flygo-grade-service-filter-chip-active .flygo-grade-service-filter-text {
    color: #FD2A3A !important;
}

.flygo-grade-service-filter-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-grade-service-filter-text-active {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 底部处理说明提示框
============================================================ */
.flygo-grade-service-instruction-card {
    background: rgba(254, 242, 242, 0.5);
    border: 1px solid #FEF2F2;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    width: 100%;
}

.flygo-grade-service-instruction-header {
    margin-bottom: calc(100vw / 390 * 11);
}

.flygo-grade-service-instruction-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    /* 图文组合使用 margin */
    margin-right: calc(100vw / 390 * 6);
    fill: #FD2A3A;
}

.flygo-grade-service-instruction-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #111827;
}

.flygo-grade-service-instruction-list {
    gap: calc(100vw / 390 * 4);
}

.flygo-grade-service-instruction-item {
    width: 100%;
}

.flygo-grade-service-instruction-dot {
    width: calc(100vw / 390 * 4);
    height: calc(100vw / 390 * 4);
    background: #F87171;
    border-radius: calc(100vw / 390 * 9999);
    /* 圆点和文字组合使用 margin */
    margin-right: calc(100vw / 390 * 10);
    flex-shrink: 0;
}

.flygo-grade-service-instruction-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* 纯说明文本允许折行，行高适度放开 */
    font-weight: 400;
    color: #6B7280;
}

.flygo-notice-detail-content-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 24);
    padding: calc(100vw / 390 * 18);
    /* 由于没有 border-box，width 配合父容器的 stretch 自动填满，不手动写死 width 防止溢出 */
    width: auto;
}

.flygo-notice-detail-text-paragraph {
    font-size: calc(100vw / 390 * 14);
    line-height: calc(100vw / 390 * 24);
    font-weight: 400;
    color: #4F4F55;
    text-align: justify;
}

.flygo-notice-detail-header {
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-notice-detail-header-time {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
}

.flygo-notice-detail-header-stick {
    color: #FD2A3A;
    margin-right: calc(100vw / 390 * 6);
}

.flygo-notice-detail-bottom {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5;
    padding-top: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

.flygo-notice-detail-img {
    max-height: calc(100vw / 390 * 300);
    width: 100%;
    margin-bottom: calc(100vw / 390 * 12);
    overflow: hidden;
    border-radius: calc(100vw / 390 * 10);
}

.flygo-notice-detail-img img {
    object-fit: cover;
    object-position: center;
    height: 100%;
    width: 100%;
    max-height: 100%;
}

.flygo-notice-detail-title {
    font-size: calc(100vw / 390 * 18);
    font-weight: 600;
    color: #000000;
    line-height: 1.5;
    text-align: justify;
    margin-bottom: calc(100vw / 390 * 12);
}

/* ============================================================
           notice.list.html
============================================================ */
.flygo-notice-list-tabs-scroll-area {
    width: 100%;
    background-color: #F7F8FA;
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 5) calc(100vw / 390 * 16);
}

.flygo-notice-list-tabs-container {
    overflow: unset;
}

/* 选中的 Tab：带有 1px 边框，无 border-box，需扣减高度与内边距 */
.flygo-notice-list-tab-active {
    background: #FEF2F2 !important;
    border: 1px solid #FD2A3A;
    margin-right: calc(100vw / 390 * 10);
    position: relative;
}

/* 未选中的 Tab：带阴影，无边框 */
.flygo-notice-list-tab {
    height: calc(100vw / 390 * 38);
    padding: 0 calc(100vw / 390 * 20);
    background: #FFFFFF;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 10);
    position: relative;
    width: auto;
    flex-shrink: 0;
    box-sizing: border-box;
}

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

.flygo-notice-list-tab-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-notice-list-tab-active .flygo-notice-list-tab-text {
    color: #FD2A3A;
}

/* Tab 右上角的红色徽标 */
.flygo-notice-list-tab-badge {
    position: absolute;
    top: calc(100vw / 390 * -4);
    right: calc(100vw / 390 * -4);
    /* 无 border-box: 高度 14px = padding(2x2) + font(10), 加边框1px = 16px */
    padding: 0 calc(100vw / 390 * 5);
    height: calc(100vw / 390 * 16);
    background: #EF4444;
    border: 1px solid #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
    z-index: 2;
}

.flygo-notice-list-tab-badge-text {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #FFFFFF;
}

/* ============================================================
   业务语义化样式 - 消息列表区
============================================================ */
.flygo-notice-list-content {
    width: 100%;
}

.flygo-notice-list-card {
    /* 无 border-box: 满宽 358，扣去 padding 32，内容 326 */
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-notice-list-card:last-child {
    margin-bottom: 0;
}

.flygo-notice-list-empty-box {
    width: 100%;
    position: relative;
    padding: 0 calc(100vw / 390 * 16);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
}

/* 左侧圆形图标 */
.flygo-notice-list-avatar {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 9999);
    flex-shrink: 0;
    /* 坚决使用 margin 隔开右侧内容 */
    margin-right: calc(100vw / 390 * 10);
}

.flygo-notice-list-avatar-svg {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FFFFFF;
}

/* 背景色类 */
.flygo-notice-list-bg-green {
    background: #34C759;
}

.flygo-notice-list-bg-orange {
    background: #FF7A04;
}

.flygo-notice-list-bg-purple {
    background: #5856D6;
}

/* 右侧内容区：总宽 276px (326 - 40 - 10) */
.flygo-notice-list-info-box {
    width: calc(100vw / 390 * 276);
}

.flygo-notice-list-row-top {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-notice-list-title {
    flex: 1;
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

/* 已读状态的标题变灰 */
.flygo-notice-list-title-read {
    flex: 1;
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-notice-list-time {
    flex-shrink: 0;
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    /* 使用 margin 与标题推开距离 */
    margin-left: calc(100vw / 390 * 10);
}

.flygo-notice-list-row-bottom {
    width: 100%;
}

.flygo-notice-list-subtitle {
    flex: 1;
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow-wrap: anywhere;
    word-break: break-all;
}

/* 未读小红点 */
.flygo-notice-list-unread-dot {
    width: calc(100vw / 390 * 8);
    height: calc(100vw / 390 * 8);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 9999);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 10);
}

/* ============================================================
           grade.service.order.html
============================================================ */
.flygo-grade-service-order-list-wrap {
    padding: 0 calc(100vw / 390 * 16);
    margin-top: calc(100vw / 390 * 16);
}

.flygo-grade-service-list-container {
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-service-order-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    /* 无 border-box：卡片总宽 358，左右 padding 各 16，内容区宽 326 */
    width: 100%;
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-grade-service-order-card:last-child {
    margin-bottom: 0;
}

/* 左侧头像区域 */
.flygo-grade-service-order-avatar-box {
    width: calc(100vw / 390 * 48);
    height: calc(100vw / 390 * 48);
    border-radius: calc(100vw / 390 * 9999);
    flex-shrink: 0;
    /* 头像与右侧详情区域的间距使用 margin */
    margin-right: calc(100vw / 390 * 12);
}

.flygo-grade-service-order-bg-red {
    background: #FDF1F2;
}

.flygo-grade-service-order-bg-green {
    background: #F0FDF4;
}

.flygo-grade-service-order-bg-purple {
    background: #F3F0FE;
}

.flygo-grade-service-order-avatar-svg {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 18);
}

.flygo-grade-service-order-bg-red .flygo-grade-service-order-avatar-svg {
    fill: #FD2A3A;
}

.flygo-grade-service-order-bg-green .flygo-grade-service-order-avatar-svg {
    fill: #34C759;
}

.flygo-grade-service-order-bg-purple .flygo-grade-service-order-avatar-svg {
    fill: #5856D6;
}

/* 右侧详情区域 */
.flygo-grade-service-order-details {
    /* 326 (内容总宽) - 48 (头像) - 12 (margin) = 266 */
    width: calc(100vw / 390 * 266);
}

.flygo-grade-service-order-header-row {
    width: 100%;
}

.flygo-grade-service-order-header-container {
    min-width: 0;
}

.flygo-grade-service-order-merchant-id {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

.flygo-grade-service-order-merchant-name {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    /* 文字之间适当的空格 */
    margin-top: calc(100vw / 390 * 6);
}

/* 状态标签 */
.flygo-grade-service-order-status-tag {
    height: calc(100vw / 390 * 21);
    border-radius: calc(100vw / 390 * 4);
    padding: 0 calc(100vw / 390 * 8);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 12);
}

.flygo-grade-service-order-tag-orange-bg {
    background: rgba(254, 148, 0, 0.1);
}

.flygo-grade-service-order-tag-green-bg {
    background: #F1F9F2;
}

.flygo-grade-service-order-tag-gray-bg {
    background: #F3F3F3;
}

.flygo-grade-service-order-status-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
}

.flygo-grade-service-order-status-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
}

.flygo-grade-service-order-tag-orange-bg .flygo-grade-service-order-status-text {
    color: #FF7A04;
}

.flygo-grade-service-order-tag-green-bg .flygo-grade-service-order-status-text {
    color: #34C759;
}

.flygo-grade-service-order-tag-gray-bg .flygo-grade-service-order-status-text {
    color: #9999A4;
}

.flygo-grade-service-order-consumer-id {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-grade-service-order-amount-row {
    margin-top: calc(100vw / 390 * 8);
    min-width: 0;
}

.flygo-grade-service-order-amount-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    flex-shrink: 0;
}

.flygo-grade-service-order-amount-val {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #FD2A3A;
    margin-left: calc(100vw / 390 * 6);
}

.flygo-grade-service-order-bottom-row {
    margin-top: calc(100vw / 390 * 12);
    width: 100%;
}

.flygo-grade-service-order-time {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    flex-shrink: 0;
}

/* 底部操作按钮 */
.flygo-grade-service-order-btn-box {
    width: 100%;
    margin-left: calc(100vw / 390 * 12);
}

/* 同意按钮 (实心红) 无 border-box：总宽 64，高度 32 */
.flygo-grade-service-order-btn-primary {
    width: 100%;
    height: calc(100vw / 390 * 32);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 8);
    flex-grow: 1;
}

.flygo-grade-service-order-btn-primary-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #FFFFFF;
}

/* 取消/查看详情按钮 (白底灰框) 扣减 2px 边框 */
.flygo-grade-service-order-btn-default {
    /* 原宽 64 - 2(border) = 62 */
    width: 100%;
    height: calc(100vw / 390 * 32);
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: calc(100vw / 390 * 8);
    margin-left: calc(100vw / 390 * 8); /* 按钮间距 */
    box-sizing: border-box;
}

.flygo-grade-service-order-btn-detail {
    /* 原宽 84 - 2(border) = 82 */
    width: 100%;
    height: calc(100vw / 390 * 32);
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: calc(100vw / 390 * 8);
    margin-left: calc(100vw / 390 * 12);
    box-sizing: border-box;
}

.flygo-grade-service-order-btn-default-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

/* ============================================================
   业务语义化样式 - 底部处理说明提示区
============================================================ */
.flygo-grade-service-order-instruction-card {
    margin-top: calc(100vw / 390 * 20);
    background: rgba(254, 242, 242, 0.5);
    border: 1px solid #FEF2F2;
    border-radius: calc(100vw / 390 * 16);
    /* 无 border-box：总宽 358 - 左右 padding 各 16 = 326 */
    width: calc(100vw / 390 * 326);
    padding: calc(100vw / 390 * 16);
}

.flygo-grade-service-order-inst-header {
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-grade-service-order-inst-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    /* 图文组合使用 margin 隔开 */
    margin-right: calc(100vw / 390 * 6);
}

.flygo-grade-service-order-inst-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #111827;
}

.flygo-grade-service-order-inst-item {
    margin-bottom: calc(100vw / 390 * 8);
    width: 100%;
}

.flygo-grade-service-order-inst-item:last-child {
    margin-bottom: 0;
}

.flygo-grade-service-order-inst-dot {
    width: calc(100vw / 390 * 4);
    height: calc(100vw / 390 * 4);
    background: #F87171;
    border-radius: calc(100vw / 390 * 9999);
    margin-top: calc(100vw / 390 * 6); /* 与文本第一行对齐 */
    margin-right: calc(100vw / 390 * 8); /* 点和文本的间距 */
    flex-shrink: 0;
}

.flygo-grade-service-order-inst-text {
    font-size: calc(100vw / 390 * 12);
    /* 说明文本可能折行，放开 height 限制，增加可读行高 */
    line-height: 1.5;
    font-weight: 400;
    color: #6B7280;
}

/* ============================================================
       prompt.confirm.html
============================================================ */
.flygo-prompt-confirm-modal {
    /* 无 border-box：总宽320，padding 左右20，中间内容区为280 */
    padding: calc(100vw / 390 * 20) calc(100vw / 390 * 20);
    background: #FFFFFF;
    box-shadow: 0 calc(100vw / 390 * 20) calc(100vw / 390 * 40) calc(100vw / 390 * -10) rgba(0, 0, 0, 0.1);
    border-radius: calc(100vw / 390 * 20);
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}

.flygo-prompt-confirm-close-btn {
    position: absolute;
    right: calc(100vw / 390 * 16);
    top: calc(100vw / 390 * 16);
    width: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 28);
    background: #F7F8FA;
    border-radius: calc(100vw / 390 * 9999);
    z-index: 10;
    cursor: pointer;
}

.flygo-prompt-confirm-close-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-prompt-confirm-title {
    font-size: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    text-align: center;
    /* 补边：Figma 16 + (33-20)/2 = 22.5px */
    margin-bottom: calc(100vw / 390 * 22.5);
}

/* ============================================================
   业务语义化样式 - 中间动态 Key-Value 列表
============================================================ */
.flygo-prompt-confirm-middle-container {
    width: 100%;
    /* KV 列表与下方元素的间距 */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-prompt-confirm-kv-row {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-prompt-confirm-kv-row:last-child {
    margin-bottom: 0;
}

.flygo-prompt-confirm-kv-label {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    flex-shrink: 0;
}

.flygo-prompt-confirm-kv-label.msg {
    line-height: 1.5;
    height: auto;
}

.flygo-prompt-confirm-kv-val {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
    text-align: right;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-prompt-confirm-kv-val-highlight {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #FD2A3A;
    text-align: right;
}

/* ============================================================
   业务语义化样式 - 黄色警告提示区
============================================================ */
.flygo-prompt-confirm-warning-box {
    background: #FFF7E6;
    /* 无 border-box：父容宽 280 - 左右padding(12*2) - 左右border(1*2) = 254 */
    width: 100%;
    padding: calc(100vw / 390 * 12);
    border: 1px solid #FFEDD5;
    border-radius: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-prompt-confirm-warning-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    flex-shrink: 0;
    /* 图文间距，严格使用 margin 推开，不用 gap */
    margin-right: calc(100vw / 390 * 8);
    fill: #FF7A04;
}

.flygo-prompt-confirm-warning-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* 多行文本允许 1.5 倍行高 */
    font-weight: 400;
    color: #FF7A04;
    text-align: justify;
}

/* ============================================================
   业务语义化样式 - 底部灰色说明与按钮组
============================================================ */
.flygo-prompt-confirm-hint-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
    /* 补边：Figma 16 + (16-12)/2 = 18px */
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-prompt-confirm-actions {
    width: 100%;
    gap: calc(100vw / 390 * 10);
    /* 按钮之间的间距通过 justify-content: space-between 控制 */
}

/* 取消 / 次级按钮 */
.flygo-prompt-confirm-btn-default {
    width: 50%;
    border: 1px solid #BBBAC4;
}

.flygo-prompt-confirm-btn-default-text {
    color: #9999A4;
}

/* 同意 / 主级按钮 */
.flygo-prompt-confirm-btn-primary {
    width: 50%;
}

.flygo-prompt-confirm-btn-primary-text {
}

/* ============================================================
           payment.html
============================================================ */
.flygo-payment-group {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-payment-label {
    font-size: calc(100vw / 390 * 13);
    color: #6B7280;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-payment-boxes {
    width: 100%;
    gap: calc(100vw / 390 * 10);
}

.flygo-payment-box {
    width: calc(100vw / 390 * 45);
    height: calc(100vw / 390 * 52);
    border: 2px solid #EFF0F3;
    border-radius: calc(100vw / 390 * 10);
    background-color: #FFFFFF;
    transition: all 0.2s ease-in-out;
}

.flygo-payment-box.has-val {
    background-color: #F7F8FA;
}

/* 高亮当前待输入的框，这里使用了你主题的红色主色调 */
.flygo-payment-box.active {
    border-color: #E33E43;
    box-shadow: 0 0 0 calc(100vw / 390 * 2) rgba(227, 62, 67, 0.15);
}

.flygo-payment-dot {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    background-color: #1F2937;
    border-radius: 50%;
    /* 添加模拟密码输入的弹跳放大动画 */
    animation: flygo-payment-zoom-in 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
}

@keyframes flygo-payment-zoom-in {
    0% {
        transform: scale(0);
        opacity: 0;
    }
    100% {
        transform: scale(1);
        opacity: 1;
    }
}

/* ============================================================
           team.center.html
============================================================ */
.flygo-team-center-overview-card {
    /* 无 border-box：总宽358，左右padding为16，内容区226 */
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10)
}

.flygo-team-center-overview-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 16); /* 替代原有的 gap */
}

.flygo-team-center-grid-container {
    width: 100%;
}

.flygo-team-center-grid-item {
    width: 50%;
    margin-bottom: calc(100vw / 390 * 40);
    flex-shrink: 0;
    min-width: 0;
}

.flygo-team-center-grid-item:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.flygo-team-center-grid-icon-wrap {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 9999);
    flex-shrink: 0;
    /* 图文排版，强制使用 margin */
    margin-right: calc(100vw / 390 * 12);
}

/* 六宫格各个图标对应的背景色 */
.flygo-team-center-bg-red {
    background: #FEF2F2;
    fill: #FD2A3A;
}

.flygo-team-center-bg-orange {
    background: #FFF7ED;
    fill: #FF7A04;
}

.flygo-team-center-bg-purple {
    background: #EEF2FF;
    fill: #5856D6;
}

.flygo-team-center-bg-green {
    background: #F0FDF4;
    fill: #34C759;
}

.flygo-team-center-bg-blue {
    background: #EFF6FF;
    fill: #5856D6;
}

.flygo-team-center-bg-darkblue {
    background: #F3F0FE;
    fill: #5856D6;
}

.flygo-team-center-grid-container {
    min-width: 0;
}

.flygo-team-center-grid-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-team-center-grid-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #4F4F55;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-team-center-grid-val {
    font-size: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #FD2A3A;
}

/* 特殊处理：体系总人数的字色 */
.flygo-team-center-grid-val-dark {
    color: #333333;
}

.flygo-team-center-grid-sub {
    margin-top: calc(100vw / 390 * 4);
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   业务语义化样式 - 下半部分 Tabs 切换容器
============================================================ */
.flygo-team-center-tab-card {
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0 calc(100vw / 390 * 4) calc(100vw / 390 * 12) rgba(0, 0, 0, 0.03);
    border-radius: calc(100vw / 390 * 16);
    /*overflow: hidden;*/
    /* 预留底部空间给说明文字 */
    padding-bottom: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);

    /*-webkit-clip-path: inset(0 round calc(100vw / 375 * 16));*/
    /*clip-path: inset(0 round calc(100vw / 375 * 16));*/
    /*完美实现hidden但是不会拦住内层的sticky*/
    overflow: clip;
}

.flygo-team-center-tab-card.no-bottom {
    margin-bottom: 0;
}

.flygo-team-center-tab-header-outer {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #F7F8FA;
}

.flygo-team-center-tab-header {
    width: 100%;
    height: calc(100vw / 390 * 50);
    border-bottom: 1px solid #F3F4F6;
    background: #FFFFFF;
    /*border-top-left-radius: calc(100vw / 390 * 16);*/
    /*border-top-right-radius: calc(100vw / 390 * 16);*/
}

.flygo-team-center-tab-item {
    flex: 1;
    height: 100%;
    cursor: pointer;
    position: relative;
}

.flygo-team-center-tab-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-team-center-tab-text-active {
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-team-center-tab-line {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: calc(100vw / 390 * 2);
    background: #FD2A3A;
    width: 80%;
    margin: auto;
}

/* ============================================================
   业务语义化样式 - Tab 1 内容区 (直推成员)
============================================================ */
.flygo-team-center-tab-content-1 {
    /* 宽358，去padding为326 */
    width: 100%;
    padding: calc(100vw / 390 * 8) calc(100vw / 390 * 16) 0;
}

.flygo-team-center-member-item {
    padding: calc(100vw / 390 * 16) 0;
    border-bottom: 1px solid #F4F5F7;
}

.flygo-team-center-member-item:last-child {
    padding: calc(100vw / 390 * 16) 0 0 0;
    border-bottom: none;
}

.flygo-team-center-member-avatar {
    width: calc(100vw / 390 * 48);
    height: calc(100vw / 390 * 48);
    border: calc(100vw / 390 * 1) solid #EEEEEE !important;
}

.flygo-team-center-member-name {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-team-center-member-sub {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-team-center-member-val-label {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-team-center-member-val {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #FD2A3A;
}

.flygo-team-center-more-btn {
    margin-top: calc(100vw / 390 * 16);
    /* 无 border-box: 326 (358-32) - border (1*2) = 324 */
    width: calc(100vw / 390 * 324);
    height: calc(100vw / 390 * 42);
    background: #FFFFFF;
    border: 1px solid #F4F5F7;
    border-radius: calc(100vw / 390 * 26);
    cursor: pointer;
}

.flygo-team-center-more-btn-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-team-center-footer-note {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   业务语义化样式 - Tab 2 内容区 (小区新增贡献值)
============================================================ */
.flygo-team-center-tab-content-2 {
    width: 100%;
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 16) 0;
}

.flygo-team-center-section-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 12);
}

/* 新增贡献值卡片 */
.flygo-team-center-new-card {
    background: #FCFCFC;
    width: 100%;
    border: 1px solid #EEEEEE;
    border-radius: calc(100vw / 390 * 8);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-team-center-new-row {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-team-center-new-row:last-child {
    margin-bottom: 0;
}

.flygo-team-center-new-label {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-team-center-new-val {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #FD2A3A;
}

/* 每月剩余贡献值表格 */
.flygo-team-center-table {
    width: 100%;
    border: 1px solid #EEEEEE;
    border-radius: calc(100vw / 390 * 8);
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-team-center-th {
    height: calc(100vw / 390 * 44);
    background: #F9F9F9;
    border-bottom: 1px solid #EEEEEE;
}

.flygo-team-center-td {
    height: calc(100vw / 390 * 44);
    background: #FFFFFF;
    border-bottom: 1px solid #EEEEEE;
}

.flygo-team-center-td:last-child {
    border-bottom: none;
}

.flygo-team-center-cell {
    flex: 1;
    text-align: center;
}

.flygo-team-center-cell-label {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-team-center-cell-text {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-team-center-cell-val {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #4F4F55;
}

.flygo-team-center-cell-diff-red {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #FD2A3A;
}

.flygo-team-center-cell-diff-gray {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #9999A4;
}

.flygo-team-center-table-footer-note {
    font-size: calc(100vw / 390 * 10);
    /*height: calc(100vw / 390 * 10);*/
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* ============================================================
           asset.result.html
============================================================ */
.flygo-asset-result-amount-section {
    padding: calc(100vw / 390 * 30) 0;
    width: 100%;
}

.flygo-asset-result-amount-row {
    width: 100%;
    /* 使用 baseline 对齐大字号和小字号 */
}

.flygo-asset-result-amount-plus {
    font-size: calc(100vw / 390 * 30);
    height: calc(100vw / 390 * 30);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
    flex-shrink: 0;
}

.flygo-asset-result-amount-val {
    font-size: calc(100vw / 390 * 52);
    height: calc(100vw / 390 * 52);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #000000;
    /* 数字和加号的组合，使用 margin 推开 */
    margin-left: calc(100vw / 390 * 8);
}

.flygo-asset-result-amount-unit {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 400;
    color: #000000;
    /* 汉字单位和数字的组合，使用 margin 推开 */
    margin-left: calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-asset-result-status-row {
    margin-top: calc(100vw / 390 * 16);
}

.flygo-asset-result-status-icon-wrap {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background-color: #34C759;
    border-radius: calc(100vw / 390 * 9999);
}

.flygo-asset-result-status-row-dealing .flygo-asset-result-status-icon-wrap {
    background-color: #FF7A04;
}

.flygo-asset-result-status-row-failed .flygo-asset-result-status-icon-wrap {
    background-color: #9999A4;
}


.flygo-asset-result-status-svg {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FFFFFF;
}

.flygo-asset-result-status-text {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 400;
    color: #34C759;
    /* 状态字和图标，使用 margin 推开 */
    margin-left: calc(100vw / 390 * 8);
}

.flygo-asset-result-status-row-dealing .flygo-asset-result-status-text {
    color: #FF7A04;
}

.flygo-asset-result-status-row-failed .flygo-asset-result-status-text {
    color: #9999A4;
}

/* ============================================================
   业务语义化样式 - 详情白底卡片
============================================================ */
.flygo-asset-result-details-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    /* 无 border-box: 满宽 358，减去左右 padding(16*2=32)，内容区为 326 */
    width: 100%;
    padding: calc(100vw / 390 * 24) calc(100vw / 390 * 16);
}

.flygo-asset-result-detail-row {
    width: 100%;
}

.flygo-asset-result-detail-label {
    font-size: calc(100vw / 390 * 14);
    /*height: calc(100vw / 390 * 14);*/
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
    flex-shrink: 0;
}

.flygo-asset-result-detail-val {
    font-size: calc(100vw / 390 * 14);
    /*height: calc(100vw / 390 * 14);*/
    line-height: 1.5;
    font-weight: 400;
    color: #000000;
    text-align: right;
    /* 右侧内容居右，左侧限制最小留白 */
    margin-left: calc(100vw / 390 * 20);
    word-break: break-all;
}

.flygo-asset-result-detail-val-long {
    font-size: calc(100vw / 390 * 14);
    line-height: 1.5; /* 针对超长的哈希/ID，允许折行，给1.5倍行高 */
    font-weight: 400;
    color: #000000;
    text-align: right;
    word-break: break-all;
    /* 右侧内容居右 */
    margin-left: calc(100vw / 390 * 20);
}

.flygo-asset-result-copy-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    /* 复制图标与文字，使用 margin 推开 */
    margin-left: calc(100vw / 390 * 6);
    flex-shrink: 0;
    fill: #9999A4;
}

.flygo-asset-result-divider {
    width: 100%;
    height: 1px;
    background-color: #F4F5F7;
    /* 与上下内容的大块间距，Figma 规范中列的行高间距约 24px */
    margin: calc(100vw / 390 * 20) 0;
}

/* ============================================================
   业务语义化样式 - 底部温馨提示卡片
============================================================ */
.flygo-asset-result-reminder-card {
    margin-top: calc(100vw / 390 * 16);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    /* 无 border-box: 满宽 358，减去左右 padding(20*2=40)，内容区为 318 */
    width: 100%;
    padding: calc(100vw / 390 * 20);
}

.flygo-asset-result-reminder-header {
}

.flygo-asset-result-reminder-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    /* 提示图标与文字，使用 margin 推开 */
    margin-right: calc(100vw / 390 * 8);
}

.flygo-asset-result-reminder-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 400;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-result-reminder-text {
    /* 左侧缩进，与上方文字对齐 */
    font-size: calc(100vw / 390 * 14);
    line-height: 1.5; /* 说明文字行高适度放开，增强可读性 */
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
       prompt.qrcode.html
============================================================ */
.flygo-prompt-qrcode-modal {
    width: 100%;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    border-radius: calc(100vw / 375 * 20);
    box-shadow: 0 calc(100vw / 375 * 20) calc(100vw / 375 * 40) calc(100vw / 375 * -10) rgba(0, 0, 0, 0.1);
    position: relative;
    margin: 0 auto;
    padding: calc(100vw / 375 * 20) calc(100vw / 375 * 16);
    background-size: 100% 100%;
    inset: 0;
}

.flygo-prompt-qrcode-close-btn {
    position: absolute;
    right: calc(100vw / 375 * 16);
    top: calc(100vw / 375 * 16);
    width: calc(100vw / 375 * 28);
    height: calc(100vw / 375 * 28);
    background: #FFFFFF;
    border-radius: calc(100vw / 375 * 9999);
    z-index: 30;
    cursor: pointer;
}

.flygo-prompt-qrcode-close-icon {
    width: calc(100vw / 375 * 10);
    height: calc(100vw / 375 * 10);
    fill: #9999A4;
}

/* ============================================================
   业务语义化样式 - 内部排版容器
============================================================ */
.flygo-prompt-qrcode-inner-content {
    width: 100%;
    margin-top: calc(100vw / 375 * 127);
}

/* 邀请码卡片 */
.flygo-prompt-qrcode-code-card {
    background: rgba(255, 255, 255, 0.7);
    border: 1px solid #FFFFFF;
    border-radius: calc(100vw / 375 * 16);
    /* 无 border-box: 290总宽 - 32左右padding - 2左右border = 256宽 */
    width: 100%;
    padding: calc(100vw / 375 * 16);
    margin-bottom: calc(100vw / 375 * 12);
}

.flygo-prompt-qrcode-card-title-wrap {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 16);
}

.flygo-prompt-qrcode-decor-line {
    width: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 4);
    background: #FD2A3A;
    border-radius: calc(100vw / 375 * 2);
}

.flygo-prompt-qrcode-decor-img {
    width: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
}

.flygo-prompt-qrcode-decor-img.opposite {
    transform: rotate(180deg);
}

.flygo-prompt-qrcode-decor-img img {
    width: 100%;
    height: auto;
    max-width: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-prompt-qrcode-decor-opacity {
    opacity: 0.2;
}

.flygo-prompt-qrcode-card-title-text {
    font-size: calc(100vw / 375 * 16);
    height: calc(100vw / 375 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin: 0 calc(100vw / 375 * 10);
}

.flygo-prompt-qrcode-code-num {
    font-size: calc(100vw / 375 * 40);
    height: calc(100vw / 375 * 40);
    line-height: 1;
    font-weight: 700;
    font-family: 'Arial';
    color: #FD2A3A;
    letter-spacing: calc(100vw / 375 * 3);
    text-align: center;
    width: 100%;
}

.flygo-prompt-qrcode-code-hint {
    margin-top: calc(100vw / 375 * 12);
    font-size: calc(100vw / 375 * 12);
    height: calc(100vw / 375 * 12);
    line-height: 1;
    font-weight: 400;
    color: #000000;
    text-align: center;
    width: 100%;
}

/* 二维码与步骤栏 */
.flygo-prompt-qrcode-share-card {
    background: rgba(255, 255, 255, 0.5);
    border: 1px solid #FFFFFF;
    border-radius: calc(100vw / 375 * 16);
    /* 无 border-box: 290总宽 - 14左padding - 16右padding - 2左右border = 258宽 */
    width: 100%;
    padding: calc(100vw / 375 * 14) calc(100vw / 375 * 16) calc(100vw / 375 * 14) calc(100vw / 375 * 14);
    margin-bottom: calc(100vw / 375 * 12);
}

.flygo-prompt-qrcode-box {
    width: calc(100vw / 375 * 110);
    height: calc(100vw / 375 * 110);
    background-color: #FFFFFF;
    border-radius: calc(100vw / 375 * 10);
    padding: calc(100vw / 375 * 10);
    overflow: hidden;
    flex-shrink: 0;
}

.flygo-prompt-qrcode-img-placeholder {
    width: 100%;
    height: 100%;
    background-position: center center;
    background-size: cover;
}

/* 步骤栏垂直排版 */
.flygo-prompt-qrcode-steps-wrap {
    margin-left: calc(100vw / 375 * 8);
    position: relative;
    flex: 1;
}

.flygo-prompt-qrcode-steps-line {
    position: absolute;
    width: 1px;
    height: calc(100vw / 375 * 80);
    left: calc(100vw / 375 * 15);
    top: calc(100vw / 375 * 15);
    border-left: 1px dashed #FFB6C1;
    z-index: 0;
}

.flygo-prompt-qrcode-step-item {
    width: 100%;
    margin-bottom: calc(100vw / 375 * 10);
    position: relative;
    z-index: 1;
}

.flygo-prompt-qrcode-step-item:last-child {
    margin-bottom: 0;
}

.flygo-prompt-qrcode-step-circle {
    width: calc(100vw / 375 * 30);
    height: calc(100vw / 375 * 30);
    border-radius: calc(100vw / 375 * 9999);
    flex-shrink: 0;
}

.flygo-prompt-qrcode-step-bg-purple {
    background: #F1F1FF;
}

.flygo-prompt-qrcode-step-bg-orange {
    background: #FFF5E6;
}

.flygo-prompt-qrcode-step-bg-red {
    background: #FFF0F2;
}

.flygo-prompt-qrcode-step-icon {
    width: calc(100vw / 375 * 12);
    height: auto;
    object-fit: cover;
}

.flygo-prompt-qrcode-step-text {
    font-size: calc(100vw / 375 * 12);
    /*height: calc(100vw / 375 * 12);*/
    line-height: 1.5;
    font-weight: 500;
    color: #333333;
    margin-left: calc(100vw / 375 * 6);
}

/* 底部双按钮 */
.flygo-prompt-qrcode-actions {
    width: 100%;
    gap: calc(100vw / 375 * 10);
}

/* 按钮 1：白底红框 */
.flygo-prompt-qrcode-btn-outline {
}

/* 按钮 2：纯红底 */
.flygo-prompt-qrcode-btn-solid {
}

.flygo-prompt-qrcode-btn-icon {
    width: calc(100vw / 375 * 18);
    height: auto;
    object-fit: cover;
    margin-right: calc(100vw / 375 * 6);
}

.flygo-prompt-qrcode-btn-text-red {
}

.flygo-prompt-qrcode-btn-text-white {
}

/* ============================================================
       prompt.trade.html
============================================================ */
.flygo-prompt-trade-modal {
    width: calc(100vw / 390 * 320);
    background: #FFFFFF;
    box-shadow: 0 calc(100vw / 390 * 20) calc(100vw / 390 * 40) calc(100vw / 390 * -10) rgba(0, 0, 0, 0.1);
    border-radius: calc(100vw / 390 * 20);
    position: relative;
    overflow: hidden; /* 截断背景图片溢出的圆角 */
    margin: 0 auto;
}

/* 右上角关闭按钮 */
.flygo-prompt-trade-close-btn {
    position: absolute;
    right: calc(100vw / 390 * 16);
    top: calc(100vw / 390 * 16);
    width: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 28);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
    z-index: 20;
    cursor: pointer;
}

.flygo-prompt-trade-close-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
}

/* ============================================================
   业务语义化样式 - 顶部融合插画
============================================================ */
.flygo-prompt-trade-illustration {
    position: absolute;
    background: no-repeat center top;
    background-size: 100% auto;
    inset: 0;
    z-index: 0;
}

/* 底层蒙版，让图片底部与白色卡片平滑过渡 */
.flygo-prompt-trade-illustration-mask {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    height: calc(100vw / 390 * 100);
    background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #FFFFFF 100%);
    z-index: 1;
}

/* ============================================================
   业务语义化样式 - 内容排版区
============================================================ */
.flygo-prompt-trade-content-area {
    position: relative;
    z-index: 2; /* 覆盖在图片之上 */
    width: 100%;
    padding: calc(100vw / 390 * 170) calc(100vw / 390 * 20) calc(100vw / 390 * 20);
}

.flygo-prompt-trade-title {
    font-size: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    text-align: center;
}

.flygo-prompt-trade-desc {
    margin-top: calc(100vw / 390 * 16);
    font-size: calc(100vw / 390 * 14);
    line-height: 1.5; /* 描述文案可能折行，放宽行高 */
    font-weight: 400;
    color: #000000;
    text-align: center;
}

.flygo-prompt-trade-subdesc {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* ============================================================
   业务语义化样式 - 高亮状态标签
============================================================ */
.flygo-prompt-trade-status-tag {
    margin-top: calc(100vw / 390 * 16);
    background: #FFF0F0;
    border-radius: calc(100vw / 390 * 9999);
    padding: calc(100vw / 390 * 6) calc(100vw / 390 * 12);
    cursor: pointer; /* 该标签支持点击跳转 */
}

.flygo-prompt-trade-tag-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    /* 坚决使用 margin 隔开图文 */
    margin-right: calc(100vw / 390 * 4);
}

.flygo-prompt-trade-tag-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 底部按钮组
============================================================ */
.flygo-prompt-trade-actions {
    margin-top: calc(100vw / 390 * 14);
    width: 100%;
}

/* 描边红字按钮 (Outline) */
.flygo-prompt-trade-btn-outline {
    /* 无 border-box：总宽272 扣除边框2px = 270 */
    width: calc(100vw / 390 * 270);
    height: calc(100vw / 390 * 51);
    background: #FFFFFF;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 12);
    margin-bottom: calc(100vw / 390 * 12);
    cursor: pointer;
}

.flygo-prompt-trade-btn-outline:last-child {
    margin-bottom: 0;
}

.flygo-prompt-trade-btn-outline-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
}

/* 实心红底按钮 (Primary) */
.flygo-prompt-trade-btn-primary {
    width: calc(100vw / 390 * 272);
    height: calc(100vw / 390 * 53);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 12);
    margin-bottom: calc(100vw / 390 * 12);
    cursor: pointer;
}

.flygo-prompt-trade-btn-primary:last-child {
    margin-bottom: 0;
}

.flygo-prompt-trade-btn-primary-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #FFFFFF;
}

/* ============================================================
       业务语义化样式 - 弹窗主体骨架 (绝对无 border-box)
    ============================================================ */
.flygo-prompt-tips-modal {
    /* 无 border-box 计算法：总宽 320，扣除左右 padding (20*2=40)，内容区宽度即为 280 */
    width: 100%;
    padding: calc(100vw / 390 * 46) calc(100vw / 390 * 20) calc(100vw / 390 * 20);
    background: #FFFFFF;
    box-shadow: 0 calc(100vw / 390 * 20) calc(100vw / 390 * 40) calc(100vw / 390 * -10) rgba(0, 0, 0, 0.1);
    border-radius: calc(100vw / 390 * 20);
    position: relative;
    margin: 0 auto;
}

/* 右上角关闭按钮 */
.flygo-prompt-tips-close-btn {
    position: absolute;
    right: calc(100vw / 390 * 16);
    top: calc(100vw / 390 * 16);
    width: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 28);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
    z-index: 20;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.11);
    flex-shrink: 0;
}

.flygo-prompt-tips-close-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
}

/* ============================================================
   业务语义化样式 - 文本排版区
============================================================ */
.flygo-prompt-tips-title {
    font-size: calc(100vw / 390 * 16);
    /* height: calc(100vw / 390 * 16); */
    line-height: 1.5;
    font-weight: 500;
    color: #000000;
    text-align: center;
    /* 补边：Figma 间距 16px + (22-16)/2 = 19px */
    margin-bottom: calc(100vw / 390 * 19);
}

.flygo-prompt-tips-scroll-content {
    width: 100%;
    /* 设定最大高度以防止长文本撑爆屏幕，超出时自动显示滚动条 */
    max-height: calc(100vw / 390 * 360);
    overflow-y: auto;

    font-size: calc(100vw / 390 * 14);
    /* 多行长文本使用放宽的行高以提高阅读舒适度 (164%) */
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
    text-align: justify;
}

/* 隐藏滚动条但保留滚动功能 (针对移动端体验) */
.flygo-prompt-tips-scroll-content::-webkit-scrollbar {
    display: none;
}

/* ============================================================
           asset.exchange.html
============================================================ */
.flygo-asset-exchange-top-card {
    /* 无 border-box：358 - (20 * 2 padding) - 2(border) = 316 */
    width: 100%;
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 20);
    border: calc(100vw / 390 * 1) solid #FDE5E4;
    border-radius: calc(100vw / 390 * 16);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
}

/* 模拟右侧金币插画 */
.flygo-asset-exchange-top-card-bg {
    position: absolute;
    background: url(../img/flygo/flygo-asset-exchange-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0;
}

.flygo-asset-exchange-top-content {
    position: relative;
    z-index: 1;
}

.flygo-asset-exchange-top-label {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-asset-exchange-top-eye {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 10);
    margin-left: calc(100vw / 390 * 6);
}

.flygo-asset-exchange-top-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    line-height: 1;
    font-weight: 700;
    color: #000000;
    margin: calc(100vw / 390 * 11) 0;
    letter-spacing: calc(100vw / 390 * -0.8);
}

.flygo-asset-exchange-top-sub {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-bottom: calc(100vw / 390 * 9);
}

.flygo-asset-exchange-top-container {
    width: 100%;
}

.flygo-asset-exchange-top-badge {
    /* 无 border-box: 宽高减去 2px border */
    height: calc(100vw / 390 * 29);
    padding: 0 calc(100vw / 390 * 20);
    background: #FFFFFF;
    border: 1px solid #FFE7EA;
    border-radius: calc(100vw / 390 * 62);
    flex-shrink: 0;
    box-sizing: border-box;
}

.flygo-asset-exchange-top-badge-text {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 11);
    height: calc(100vw / 390 * 11);
    line-height: 1;
    font-weight: 400;
    color: #FF4D4F;
}

.flygo-asset-exchange-top-badge-icon {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    margin: 0 calc(100vw / 390 * 4);
    fill: #FF4D4F;
}

/* ============================================================
   业务语义化样式 - 闪兑核心表单卡片
============================================================ */
.flygo-asset-exchange-form-card {
    /* 无 border-box: 358 - (16 * 2) = 326 */
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    position: relative;
}

/* 表单头部 */
.flygo-asset-exchange-form-header {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-asset-exchange-form-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-asset-exchange-form-tag {
    background: #FEF2F2;
    height: calc(100vw / 390 * 25);
    border-radius: calc(100vw / 390 * 14);
    padding: 0 calc(100vw / 390 * 10);
}

.flygo-asset-exchange-form-tag-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
}

/* ----- 输入框区域 (卖出资产 GO) ----- */
.flygo-asset-exchange-input-box {
    /* 无 border-box: 326 - 2(border) - 28(左右padding) = 296 */
    width: 100%;
    padding: calc(100vw / 390 * 14);
    background: rgba(247, 248, 250, 0.8);
    border: 1px solid #E5E7EB;
    border-radius: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 16);
    position: relative;
}

/* 资产信息行 */
.flygo-asset-exchange-asset-row {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-asset-exchange-asset-row-main {
    flex-shrink: 0;
}

.flygo-asset-exchange-asset-row-sub {
    min-width: 0;
    margin-left: calc(100vw / 390 * 10);
}

.flygo-asset-exchange-coin-icon-go {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 8);
}

.flygo-asset-exchange-coin-text-white {
    font-family: 'Liberation Sans', Arial;
    font-weight: 700;
    font-size: calc(100vw / 390 * 16);
    color: #FFFFFF;
}

.flygo-asset-exchange-coin-icon-usdt svg {
    width: 100%;
    height: 100%;
}

.flygo-asset-exchange-coin-name {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 4);
}

.flygo-asset-exchange-coin-sub {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-asset-exchange-input-icon-box {
    margin-bottom: calc(100vw / 390 * 4);
}

.flygo-asset-exchange-avail-label {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    margin-right: calc(100vw / 390 * 4);
    flex-shrink: 0;
}

.flygo-asset-exchange-avail-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

/* 虚线分割与输入区 */
.flygo-asset-exchange-divider {
    width: 100%;
    height: 1px;
    background: #F0F0F0;
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-exchange-input-row {
    width: 100%;
}

.flygo-asset-exchange-input-text {
    height: calc(100vw / 390 * 48) !important;
    font-size: calc(100vw / 390 * 20) !important;
    margin-left: calc(100vw / 390 * 5);
    font-weight: 500;
}

.flygo-asset-exchange-input-text:placeholder-shown {
    font-size: calc(100vw / 390 * 20) !important;
}

/* 3. 【核心技巧】当用户输入了内容（不显示 placeholder 时），恢复真正的大字号！ */
.flygo-asset-exchange-input-text:not(:placeholder-shown) {
    font-size: calc(100vw / 390 * 20) !important; /* 假设你输入数字时字号是 30，请改成你实际需要的大字号 */
}

.flygo-asset-exchange-input-unit {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    margin-left: calc(100vw / 390 * 10);
    flex-shrink: 0;
}

/* 快捷比例按钮组 */
.flygo-asset-exchange-quick-group {
    width: 100%;
    gap: calc(100vw / 390 * 10);
}

.flygo-asset-exchange-quick-btn {
    /* 296 - (3 * 8间距) = 272 / 4 = 68 宽。 减 border = 66 */
    width: 25%;
    height: calc(100vw / 390 * 30);
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: calc(100vw / 390 * 9999);
    box-sizing: border-box;
}

.flygo-asset-exchange-quick-btn-active {
    width: 25%;
    height: calc(100vw / 390 * 30);
    background: #FEF2F2;
    border: 1px solid #FEE2E2;
    border-radius: calc(100vw / 390 * 9999);
    box-sizing: border-box;
}

.flygo-asset-exchange-quick-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-asset-exchange-quick-text-red {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ----- 居中连接转换箭头 ----- */
.flygo-asset-exchange-connector-wrap {
    z-index: 10;
    position: absolute;
    bottom: calc(100vw / 390 * -38);
    left: 50%;
    transform: translate(-50%, -50%);
}

.flygo-asset-exchange-connector-bg {
    width: calc(100vw / 390 * 30);
    height: calc(100vw / 390 * 30);
    background: #FFFFFF;
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.19);
    border-radius: calc(100vw / 390 * 9999);
}

.flygo-asset-exchange-connector-icon {
    width: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    background: #FF7A04;
    border-radius: calc(100vw / 390 * 9999);
}

.flygo-asset-exchange-arrow-svg {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FFFFFF;
}

/* ----- 输出框区域 (目标资产 USDT) ----- */
.flygo-asset-exchange-output-box {
    /* 无 border-box: 326 - 2(border) - 32(左右padding) = 292 */
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: #FFFBF6;
    border: 1px solid rgba(255, 247, 237, 0.5);
    border-radius: calc(100vw / 390 * 12);
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-asset-exchange-coin-icon-usdt {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    /*background: #FF7A04;*/
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 8);
    overflow: hidden;
}

.flygo-asset-exchange-coin-icon-usdt img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
}

.flygo-asset-exchange-output-val-row {
    width: 100%;
    margin-top: calc(100vw / 390 * 16);
}

.flygo-asset-exchange-output-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 28);
    line-height: 1;
    font-weight: 700;
    color: #000000;
}

/* ----- 明细列表区域 ----- */
.flygo-asset-exchange-details {
    width: 100%;
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-asset-exchange-detail-row {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-asset-exchange-detail-row:last-child {
    margin-bottom: 0 !important;
}

.flygo-asset-exchange-detail-row-no-margin {
    margin-bottom: 0;
}

.flygo-asset-exchange-detail-label {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-asset-exchange-detail-val {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
    text-align: right;
}

.flygo-asset-exchange-hint {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
    margin-top: calc(100vw / 390 * 10);
}

/* ============================================================
   业务语义化样式 - 底部红色提示框
============================================================ */
.flygo-asset-exchange-tip-card {
    /* 无 border-box: 358 - 32 = 326 */
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: #FFF0F0;
    border-radius: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-exchange-tip-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
    margin-top: calc(100vw / 390 * 3);
    flex-shrink: 0;
    fill: #FD2A3A;
}

.flygo-asset-exchange-tip-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1.5; /* 允许折行 */
    font-weight: 400;
    color: #FD2A3A;
    text-align: justify;
}

/* ============================================================
   业务语义化样式 - 底部操作按钮 & 历史记录
============================================================ */
.flygo-asset-exchange-action-btn {
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-asset-exchange-action-text {
}

.flygo-asset-exchange-history-card {
    /* 无 border-box: 358 - 32 = 326 */
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    cursor: pointer;
}

.flygo-asset-exchange-history-icon-bg {
    width: calc(100vw / 390 * 38);
    height: calc(100vw / 390 * 38);
    background: #F7F7FA;
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 12);
}

.flygo-asset-exchange-history-svg {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
}

.flygo-asset-exchange-history-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-asset-exchange-history-sub {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-asset-exchange-arrow-right {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
}

/* ============================================================
       prompt.icons.html
============================================================ */
.flygo-prompt-icons-modal {
    /* 无 border-box: 满宽 280, padding 左右 20, 内容宽 240 */
    width: calc(100vw / 390 * 280);
    padding: calc(100vw / 390 * 20) calc(100vw / 390 * 20) calc(100vw / 390 * 24);
    background: #FFFFFF;
    box-shadow: 0px calc(100vw / 390 * 20) calc(100vw / 390 * 40) calc(100vw / 390 * -10) rgba(0, 0, 0, 0.1);
    border-radius: calc(100vw / 390 * 20);
    position: relative;
    margin: 0 auto;
}

.flygo-prompt-icons-close {
    position: absolute;
    right: calc(100vw / 390 * 16);
    top: calc(100vw / 390 * 16);
    width: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 28);
    background: #F7F8FA;
    border-radius: calc(100vw / 390 * 9999);
    cursor: pointer;
}

.flygo-prompt-icons-close-svg {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
}

.flygo-prompt-icons-title {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    margin-top: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 20);
}

/* 图标网格排列 */
.flygo-prompt-icons-grid {
    width: 100%;
    gap: calc(100vw / 390 * 14);
    margin-bottom: calc(100vw / 390 * 24);
}

.flygo-prompt-icons-item {
    /* 无 border-box: 宽高扣去潜在边框 2px */
    width: calc(100vw / 390 * 48);
    height: calc(100vw / 390 * 48);
    border-radius: calc(100vw / 390 * 12);
    cursor: pointer;
    transition: all 0.2s;
}

.flygo-prompt-icons-svg-inner {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
}

.flygo-prompt-icons-font-inner {
    font-size: calc(100vw / 390 * 24);
    line-height: 1;
}

/* ============================================================
   业务语义化样式 - 动态底部双按钮组
============================================================ */
.flygo-prompt-icons-actions {
    width: 100%;
}

/* 次级按钮 (取消 - 白底灰框) */
.flygo-prompt-icons-btn-default {
    /* 无 border-box: 内容宽240，按钮间距12，单按钮总宽114。扣除2px边框得112 */
    width: calc(100vw / 390 * 112);
    height: calc(100vw / 390 * 46);
    background: #FFFFFF;
    border: 1px solid #E5E7EB;
    border-radius: calc(100vw / 390 * 12);
    cursor: pointer;
}

.flygo-prompt-icons-btn-default-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

/* 主按钮 (选择 - 红底白字) */
.flygo-prompt-icons-btn-primary {
    /* 实心无边框，宽度114 */
    width: calc(100vw / 390 * 114);
    height: calc(100vw / 390 * 48);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 12);
    cursor: pointer;
}

.flygo-prompt-icons-btn-primary-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #FFFFFF;
}

/* ============================================================
           discover/index.html
============================================================ */
.flygo-discover-index-top-tabs-wrap {
    width: 100%;
    background-color: #FFFFFF;
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 5) calc(100vw / 390 * 16);
}

.flygo-discover-index-top-tabs {
    /* 满宽 358，无 border-box，扣减 2px 边框得 356 */
    width: 100%;
    height: calc(100vw / 390 * 48);
    background: #FFFFFF;
    border: 1px solid #EDEDF1;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.07);
    border-radius: calc(100vw / 390 * 34);
    position: relative;
}

.flygo-discover-index-tab-active {
    background-color: #FDF3F3;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 34);
    height: calc(100vw / 390 * 48);
    position: absolute;
    z-index: 0;
    width: 0;
    box-sizing: border-box;
}

.flygo-discover-index-tab-inactive {
    width: 50%;
    height: 100%;
    position: relative;
    z-index: 1;
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #9999A4;
    gap: calc(100vw / 390 * 6);
}

.flygo-discover-index-tab-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #9999A4;
}

.flygo-discover-index-tab-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
}

/* ============================================================
   业务语义化样式 - 附近分类 (横向滚动)
============================================================ */
.flygo-discover-index-section-header {
    width: 100%;
    margin: calc(100vw / 390 * 32) 0 calc(100vw / 390 * 16) 0;
}

.flygo-discover-index-section-header:first-child {
    width: 100%;
    margin: 0 0 calc(100vw / 390 * 16) 0;
}

.flygo-discover-index-section-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

.flygo-discover-index-section-action-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
    margin-right: calc(100vw / 390 * 2);
}

.flygo-discover-index-section-action-text-gray {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-right: calc(100vw / 390 * 2);
}

.flygo-discover-index-section-action-icon {
    width: calc(100vw / 390 * 17);
    height: calc(100vw / 390 * 17);
}

.flygo-discover-index-section-arrow-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-discover-index-cat-scroll-area {
    width: 100vw;
    overflow-x: auto;
}

.flygo-discover-index-cat-container {
}

.flygo-discover-index-cat-item {
    width: calc(100vw / 390 * 47);
    margin-right: calc(100vw / 390 * 15);
}

.flygo-discover-index-cat-item:last-child {
    margin-right: 0;
}

.flygo-discover-index-cat-circle {
    width: calc(100vw / 390 * 47);
    height: calc(100vw / 390 * 47);
    border-radius: calc(100vw / 390 * 40);
    margin-bottom: calc(100vw / 390 * 6);
}

/* 分类圈背景色 */
.flygo-discover-index-bg-red {
    background: #FEF6F6;
}

.flygo-discover-index-bg-orange {
    background: #FEEFE1;
}

.flygo-discover-index-bg-blue {
    background: #F3F3FF;
}

.flygo-discover-index-bg-green {
    background: #ECF7E9;
}

.flygo-discover-index-bg-lightblue {
    background: #E6EFFD;
}

.flygo-discover-index-bg-purple {
    background: #EFE8FB;
}

.flygo-discover-index-cat-icon {
    width: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
}

.flygo-discover-index-cat-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

/* ============================================================
   业务语义化样式 - 精选商户 (纵向列表)
============================================================ */
.flygo-discover-index-merchant-list {
    width: 100%;
}

.flygo-discover-index-merchant-card {
    /* 无 border-box: 满宽358，减去 padding (10*2) = 338 内容宽 */
    width: 100%;
    padding: calc(100vw / 390 * 10);
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
    border-radius: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-discover-index-merchant-card:last-child {
    margin-bottom: 0;
}

.flygo-discover-index-merchant-img-wrap {
    width: calc(100vw / 390 * 150);
    height: calc(100vw / 390 * 110);
    border-radius: calc(100vw / 390 * 6);
    margin-right: calc(100vw / 390 * 10);
    position: relative;
    overflow: hidden;
}

.flygo-discover-index-merchant-img-wrap img {
    max-width: 100%;
    width: 100%;
    height: 100%;
    border: 0;
    object-fit: cover;
    object-position: center;
    position: relative;
    z-index: 0;
}

.flygo-discover-index-merchant-img-1 {
    background: linear-gradient(135deg, #FDE7D9 0%, #E2C0A5 100%);
}

.flygo-discover-index-merchant-img-2 {
    background: linear-gradient(135deg, #EBF5EF 0%, #BBD1C5 100%);
}

.flygo-discover-index-merchant-img-3 {
    background: linear-gradient(135deg, #F5EBE1 0%, #C4A48A 100%);
}

.flygo-discover-index-status-tag {
    position: absolute;
    left: calc(100vw / 390 * 6);
    top: calc(100vw / 390 * 6);
    background: rgba(255, 255, 255, 0.6);
    border-radius: calc(100vw / 390 * 6);
    padding: calc(100vw / 390 * 4) calc(100vw / 390 * 7);
    z-index: 1;
}

.flygo-discover-index-status-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #03A73F;
}

.flygo-discover-index-merchant-info {
    /* 338 - 150(img) - 10(margin) = 178 */
    width: calc(100vw / 390 * 178);
}

.flygo-discover-index-merchant-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    /* 限制标题宽度防重叠书签图标 */
    width: calc(100vw / 390 * 130);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-discover-index-bookmark-btn {
    width: calc(100vw / 390 * 38);
    height: calc(100vw / 390 * 38);
    background: #F6F6F6;
    border-radius: calc(100vw / 390 * 30);
}


.flygo-discover-index-bookmark-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-discover-index-merchant-sub {
    margin-top: calc(100vw / 390 * -10); /* 补偿书签按钮高度带来的空白 */
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-discover-index-merchant-rating-row {
    margin-top: calc(100vw / 390 * 8);
}

.flygo-discover-index-star-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-index-rating-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-index-rating-count {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-discover-index-divider-v {
    width: 1px;
    height: calc(100vw / 390 * 11);
    background: #E7E7ED;
    margin: 0 calc(100vw / 390 * 8);
}

.flygo-discover-index-loc-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-index-distance {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-discover-index-benefit-tag {
    margin-top: calc(100vw / 390 * 8);
    background: #FEF4F3;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 6);
    /* 无 border-box: 宽高需要剔除边框 */
    padding: calc(100vw / 390 * 3) calc(100vw / 390 * 6);
}

.flygo-discover-index-benefit-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-index-benefit-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 本地优惠 (横向滚动)
============================================================ */
.flygo-discover-index-offer-scroll-area {
    width: 100vw;
    overflow-x: auto;
    padding-bottom: calc(100vw / 390 * 10); /* 预留阴影空间 */
}

.flygo-discover-index-offer-container {
}

.flygo-discover-index-offer-card {
    /* 无 border-box: 满宽144，减 padding 20 = 124 */
    width: auto;
    padding: calc(100vw / 390 * 10);
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
    border-radius: calc(100vw / 390 * 10);
    margin-right: calc(100vw / 390 * 10);
}

.flygo-discover-index-offer-card:last-child {
    margin-right: 0;
}

.flygo-discover-index-offer-img-wrap {
    width: calc(100vw / 390 * 124);
    height: calc(100vw / 390 * 124);
    border-radius: calc(100vw / 390 * 6);
    position: relative;
    background-size: cover;
    background-position: center;
}

.flygo-discover-index-offer-img-1 {
    background: linear-gradient(135deg, #FDE7D9 0%, #E2C0A5 100%);
}

.flygo-discover-index-offer-img-2 {
    background: linear-gradient(135deg, #EBE5D9 0%, #B89C82 100%);
}

.flygo-discover-index-offer-tag {
    position: absolute;
    left: calc(100vw / 390 * 6);
    top: calc(100vw / 390 * 6);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 6);
    padding: calc(100vw / 390 * 2) calc(100vw / 390 * 7);
}

.flygo-discover-index-offer-tag-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #FFFFFF;
}

.flygo-discover-index-offer-title {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-discover-index-offer-valid {
    margin-top: calc(100vw / 390 * 6);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-discover-index-offer-loc-row {
    margin-top: calc(100vw / 390 * 6);
}

/* ============================================================
           discover/feature.html
============================================================ */
.flygo-discover-feature-cat-scroll-area {
    width: 100vw;
    overflow-x: auto;
    margin-top: calc(100vw / 390 * 10);
    padding-bottom: calc(100vw / 390 * 10);
}

.flygo-discover-feature-cat-container {
    padding: 0 calc(100vw / 390 * 16);
    white-space: nowrap;
}

/* 选中状态卡片：无 border-box 高度扣减 2px 边框得 42px */
.flygo-discover-feature-cat-item-active {
    height: calc(100vw / 390 * 42);
    padding: 0 calc(100vw / 390 * 16);
    background: #FEF6F6;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 40);
    margin-right: calc(100vw / 390 * 10);
    cursor: pointer;
}

/* 未选中状态卡片：无 border-box 高度扣减 2px 边框得 42px */
.flygo-discover-feature-cat-item {
    height: calc(100vw / 390 * 42);
    padding: 0 calc(100vw / 390 * 16);
    background: #FFFFFF;
    border: 1px solid #F3F4F7;
    border-radius: calc(100vw / 390 * 40);
    margin-right: calc(100vw / 390 * 10);
    cursor: pointer;
}

.flygo-discover-feature-cat-item:last-child {
    margin-right: 0;
}

.flygo-discover-feature-cat-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    /* 图文排版坚决使用 margin */
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-feature-cat-text-active {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-discover-feature-cat-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

/* ============================================================
   业务语义化样式 - 筛选条件容器
============================================================ */
.flygo-discover-feature-filter-wrap {
    width: calc(100vw / 390 * 358);
    margin: 0 auto calc(100vw / 390 * 16);
}

.flygo-discover-feature-filter-container {
    /* 无 border-box: 满宽 358 - 左右边框 2 = 356 */
    width: calc(100vw / 390 * 356);
    height: calc(100vw / 390 * 42);
    background: #FFFFFF;
    border: 1px solid #EDEDF1;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.07);
    border-radius: calc(100vw / 390 * 30);
    /* 两端留白 */
    padding: 0 calc(100vw / 390 * 10);
}

.flygo-discover-feature-filter-item {
    height: 100%;
    cursor: pointer;
    position: relative;
}

.flygo-discover-feature-filter-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    /* 图文间隔 */
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-feature-filter-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-discover-feature-filter-text-active {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
}

/* 选中状态下划线 */
.flygo-discover-feature-filter-line {
    position: absolute;
    bottom: -1px; /* 压住父级边框 */
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 2);
    background: #FD2A3A;
}

/* ============================================================
   业务语义化样式 - 商户列表与卡片
============================================================ */
.flygo-discover-feature-merchant-list {
    width: calc(100vw / 390 * 358);
    margin: 0 auto;
}

.flygo-discover-feature-merchant-card {
    /* 无 border-box: 满宽 358，减去 padding (10*2) = 338 内容宽 */
    width: calc(100vw / 390 * 338);
    padding: calc(100vw / 390 * 10);
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.12);
    border-radius: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-discover-feature-merchant-img-wrap {
    width: calc(100vw / 390 * 150);
    height: calc(100vw / 390 * 110);
    border-radius: calc(100vw / 390 * 6);
    /* 严格 margin 推开右侧信息 */
    margin-right: calc(100vw / 390 * 10);
    position: relative;
    background-size: cover;
    background-position: center;
}

/* Mock 背景图渐变 */
.flygo-discover-feature-merchant-img-1 {
    background: linear-gradient(135deg, #FDE7D9 0%, #E2C0A5 100%);
}

.flygo-discover-feature-merchant-img-2 {
    background: linear-gradient(135deg, #EBF5EF 0%, #BBD1C5 100%);
}

.flygo-discover-feature-merchant-img-3 {
    background: linear-gradient(135deg, #F5EBE1 0%, #C4A48A 100%);
}

.flygo-discover-feature-status-tag {
    position: absolute;
    left: calc(100vw / 390 * 6);
    top: calc(100vw / 390 * 6);
    background: rgba(255, 255, 255, 0.6);
    border-radius: calc(100vw / 390 * 6);
    /* 无 border-box 宽高控制 */
    padding: calc(100vw / 390 * 4) calc(100vw / 390 * 7);
}

.flygo-discover-feature-status-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #03A73F;
}

.flygo-discover-feature-merchant-info {
    /* 338(内容总宽) - 150(img) - 10(margin) = 178 */
    width: calc(100vw / 390 * 178);
}

.flygo-discover-feature-merchant-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    /* 限制标题宽度防重叠书签图标 */
    width: calc(100vw / 390 * 130);
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-discover-feature-bookmark-btn {
    width: calc(100vw / 390 * 38);
    height: calc(100vw / 390 * 38);
    background: #F6F6F6;
    border-radius: calc(100vw / 390 * 30);
    cursor: pointer;
}

.flygo-discover-feature-bookmark-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
}

.flygo-discover-feature-merchant-sub {
    /* 负边距补偿右侧书签按钮撑开的高度空间 */
    margin-top: calc(100vw / 390 * -10);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-discover-feature-merchant-rating-row {
    margin-top: calc(100vw / 390 * 8);
}

.flygo-discover-feature-star-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    /* 图文间隔 */
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-feature-rating-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    /* 数字间隔 */
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-feature-rating-count {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-discover-feature-divider-v {
    width: 1px;
    height: calc(100vw / 390 * 11);
    background: #E7E7ED;
    margin: 0 calc(100vw / 390 * 8);
}

.flygo-discover-feature-loc-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-feature-distance {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-discover-feature-benefit-tag {
    margin-top: calc(100vw / 390 * 8);
    background: #FEF4F3;
    border: 1px solid #FD2A3A;
    border-radius: calc(100vw / 390 * 6);
    /* 无 border-box：填充扣减控制 */
    padding: calc(100vw / 390 * 3) calc(100vw / 390 * 6);
}

.flygo-discover-feature-benefit-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-feature-benefit-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
           discover/home.html
============================================================ */
.flygo-discover-home-hero-bg {
    position: relative;
    width: 100vw;
    height: calc(100vw / 390 * 246);
    /* 替换为实际店铺环境背景图 */
    background: linear-gradient(180deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 40%), url('https://img.alicdn.com/tfs/TB1..ZXXXXXXXXXXXXX_!!0-item_pic.jpg') no-repeat center center;
    background-size: cover;
    z-index: 1;
}

/* 顶部状态栏 */
.flygo-discover-home-status-bar {
    height: calc(100vw / 390 * 44);
    padding: 0 calc(100vw / 390 * 17) 0 calc(100vw / 390 * 21);
    position: absolute;
    top: 0;
    left: 0;
    width: calc(100vw - calc(100vw / 390 * 38)); /* 去除 padding 的宽度 */
    z-index: 10;
}

.flygo-discover-home-status-time {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #FFFFFF;
}

.flygo-discover-home-status-icon {
    margin-left: calc(100vw / 390 * 5);
}

/* 悬浮导航栏 */
.flygo-discover-home-nav {
    position: absolute;
    top: calc(100vw / 390 * 44);
    left: 0;
    /* 满宽减去 padding */
    width: calc(100vw - calc(100vw / 390 * 32));
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16);
    z-index: 10;
}

.flygo-discover-home-nav-btn {
    width: calc(100vw / 390 * 46);
    height: calc(100vw / 390 * 46);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
    cursor: pointer;
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
}

.flygo-discover-home-nav-icon {
    width: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
}

/* 图片页码指示器 */
.flygo-discover-home-img-counter {
    position: absolute;
    right: calc(100vw / 390 * 16);
    bottom: calc(100vw / 390 * 55);
    background: rgba(0, 0, 0, 0.4);
    border-radius: calc(100vw / 390 * 34);
    padding: calc(100vw / 390 * 4) calc(100vw / 390 * 10);
}

.flygo-discover-home-img-counter-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FFFFFF;
    letter-spacing: calc(100vw / 390 * 1);
    font-family: 'Arial';
}

/* 轮播指示点 */
.flygo-discover-home-dots-wrap {
    position: absolute;
    left: 50%;
    transform: translateX(-50%);
    bottom: calc(100vw / 390 * 52);
}

.flygo-discover-home-dot {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    background: rgba(255, 255, 255, 0.6);
    border-radius: calc(100vw / 390 * 9999);
    margin: 0 calc(100vw / 390 * 3);
}

.flygo-discover-home-dot-active {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
    margin: 0 calc(100vw / 390 * 3);
}

/* ============================================================
   业务语义化样式 - 主体白色内容区
============================================================ */
.flygo-discover-home-content-card {
    position: relative;
    z-index: 2;
    width: 100vw;
    /* 向上负边距压住背景图 */
    margin-top: calc(100vw / 390 * -30);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 20) calc(100vw / 390 * 20) 0 0;
    /* padding 左右 16px */
    padding: calc(100vw / 390 * 16) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
}

/* ----- 商户基础信息区 ----- */
.flygo-discover-home-info-row {
    width: 100%;
}

.flygo-discover-home-logo {
    width: calc(100vw / 390 * 78);
    height: calc(100vw / 390 * 78);
    border-radius: calc(100vw / 390 * 10);
    background: #FFF7ED; /* 占位色 */
    background-size: cover;
    background-position: center;
}

.flygo-discover-home-info-texts {
    /* 图文使用 margin 推开 */
    margin-left: calc(100vw / 390 * 12);
    flex: 1;
}

.flygo-discover-home-title {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

.flygo-discover-home-sub {
    margin-top: calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-discover-home-meta-row {
    margin-top: calc(100vw / 390 * 8);
    width: 100%;
}

.flygo-discover-home-star-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    /* 图标文字使用 margin */
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-home-rating-val {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    font-family: 'Arial';
    color: #9999A4;
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-home-rating-count {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-discover-home-divider-v {
    width: 1px;
    height: calc(100vw / 390 * 11);
    background: #E7E7ED;
    margin: 0 calc(100vw / 390 * 8);
}

.flygo-discover-home-loc-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-home-status-tag {
    background: rgba(3, 167, 63, 0.1);
    border-radius: calc(100vw / 390 * 6);
    /* 无 border-box */
    padding: calc(100vw / 390 * 4) calc(100vw / 390 * 6);
}

.flygo-discover-home-status-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #03A73F;
}

/* ----- 操作按钮区 ----- */
.flygo-discover-home-actions-row {
    margin-top: calc(100vw / 390 * 20);
    width: 100%;
}

.flygo-discover-home-action-btn {
    /* 无 border-box: 宽80 + 边框2 = 82。 四个按钮 82*4=328，剩余30px为gap */
    width: calc(100vw / 390 * 80);
    height: calc(100vw / 390 * 55);
    background: #FFFFFF;
    border: 1px solid #F5F6F6;
    border-radius: calc(100vw / 390 * 10);
    cursor: pointer;
}

.flygo-discover-home-action-icon {
    width: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
    /* 上下使用 margin 推开 */
    margin-bottom: calc(100vw / 390 * 4);
}

.flygo-discover-home-action-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

/* ----- 优惠 Banner 区 ----- */
.flygo-discover-home-banner {
    margin-top: calc(100vw / 390 * 16);
    /* 无 border-box: 总宽358，左右padding为20，所以宽度设为318 */
    width: calc(100vw / 390 * 318);
    height: calc(100vw / 390 * 96);
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 20);
    border-radius: calc(100vw / 390 * 10);
    background: linear-gradient(90deg, #FFF0EB 42.18%, rgba(255, 240, 235, 0) 78.21%), #FDF0EC;
    /* 替换为真实的背景图 */
    background-image: linear-gradient(90deg, #FFF0EB 42.18%, rgba(255, 240, 235, 0) 78.21%), url('https://img.alicdn.com/tfs/TB1..ZXXXXXXXXXXXXX_!!0-item_pic.jpg');
    background-size: cover;
    background-position: right center;
}

.flygo-discover-home-banner-tag {
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 4);
    padding: calc(100vw / 390 * 2) calc(100vw / 390 * 6);
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-discover-home-banner-tag-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-discover-home-banner-tag-text {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 500;
    color: #FFFFFF;
}

.flygo-discover-home-banner-title {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 600;
    color: #461509;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-discover-home-banner-sub {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ----- Tabs 切换区 ----- */
.flygo-discover-home-tabs-wrap {
    margin-top: calc(100vw / 390 * 20);
    width: 100%;
    border-bottom: 1px solid #F6F6F6;
}

.flygo-discover-home-tab-item {
    flex: 1;
    height: calc(100vw / 390 * 40);
    cursor: pointer;
    position: relative;
}

.flygo-discover-home-tab-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #4F4F55;
}

.flygo-discover-home-tab-text-active {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #FD2A3A;
}

.flygo-discover-home-tab-line {
    position: absolute;
    bottom: -1px;
    left: 50%;
    transform: translateX(-50%);
    width: calc(100vw / 390 * 28);
    height: calc(100vw / 390 * 2);
    background: #FD2A3A;
}

/* ----- 关于商户区 ----- */
.flygo-discover-home-about-section {
    margin-top: calc(100vw / 390 * 20);
    width: 100%;
}

.flygo-discover-home-about-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-discover-home-about-desc {
    width: calc(100vw / 390 * 192);
    font-size: calc(100vw / 390 * 12);
    line-height: 1.4; /* 多行文本 */
    font-weight: 400;
    color: #9999A4;
    text-align: justify;
}

.flygo-discover-home-about-map {
    width: calc(100vw / 390 * 150);
    height: calc(100vw / 390 * 82);
    border-radius: calc(100vw / 390 * 10);
    background: #F3F4F6;
    background-image: url('https://img.alicdn.com/tfs/TB1..ZXXXXXXXXXXXXX_!!0-item_pic.jpg'); /* 替换为地图图 */
    background-size: cover;
    background-position: center;
}

/* 商户标签栏 (全时段等) */
.flygo-discover-home-about-tags {
    margin-top: calc(100vw / 390 * 16);
    width: 100%;
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.07);
    border-radius: calc(100vw / 390 * 10);
    padding: calc(100vw / 390 * 10) 0;
}

.flygo-discover-home-about-tag-item {
    flex: 1;
    /* 右侧边框作为分隔线 */
    border-right: 1px solid #E7E7ED;
}

.flygo-discover-home-about-tag-item:last-child {
    border-right: none;
}

.flygo-discover-home-about-tag-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    /* 图文使用 margin 推开 */
    margin-right: calc(100vw / 390 * 6);
}

.flygo-discover-home-about-tag-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

/* ----- 本店优惠横向滚动区 ----- */
.flygo-discover-home-menu-section {
    margin-top: calc(100vw / 390 * 24);
    width: 100%;
}

.flygo-discover-home-section-header {
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-discover-home-section-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

.flygo-discover-home-section-more {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    /* 图文使用 margin */
    margin-right: calc(100vw / 390 * 2);
}

.flygo-discover-home-section-more-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
}

/* 横向滚动容器 */
.flygo-discover-home-menu-scroll-area {
    width: 100vw;
    overflow-x: auto;
    /* 负边距拉伸至满宽，并补充 padding 保持内侧对齐 */
    margin-left: calc(100vw / 390 * -16);
    padding: 0 calc(100vw / 390 * 16) calc(100vw / 390 * 10);
}

.flygo-discover-home-menu-item {
    width: calc(100vw / 390 * 112.67);
    background: #FFFFFF;
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.11);
    border-radius: calc(100vw / 390 * 10);
    margin-right: calc(100vw / 390 * 10);
    /* padding 内部排版 */
    padding-bottom: calc(100vw / 390 * 10);
    flex-shrink: 0;
}

.flygo-discover-home-menu-item:last-child {
    margin-right: 0;
}

.flygo-discover-home-menu-img {
    width: 100%;
    height: calc(100vw / 390 * 80);
    border-radius: calc(100vw / 390 * 6) calc(100vw / 390 * 6) 0 0;
    background-color: #F3F4F6;
    background-size: cover;
    background-position: center;
}

.flygo-discover-home-menu-title {
    margin-top: calc(100vw / 390 * 8);
    padding: 0 calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}

.flygo-discover-home-menu-price {
    margin-top: calc(100vw / 390 * 6);
    padding: 0 calc(100vw / 390 * 8);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
    width: 100%;
}

/* ============================================================
   业务语义化样式 - 底部固定操作栏
============================================================ */
.flygo-discover-home-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #FFFFFF;
    padding: calc(100vw / 390 * 14) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    box-shadow: 0px -2px 10px rgba(0, 0, 0, 0.03);
    z-index: 50;
}

.flygo-discover-home-btn-primary {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FD2A3A;
    border-radius: calc(100vw / 390 * 10);
    cursor: pointer;
}

.flygo-discover-home-btn-primary-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 600;
    color: #FFFFFF;
}

.flygo-discover-home-btn-primary-sub {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #FFFFFF;
    /* 组合间距使用 margin */
    margin-right: calc(100vw / 390 * 6);
}

/* ============================================================
           upgrade.partner.html
============================================================ */
.flygo-upgrade-partner-main-content {
    padding: 0 calc(100vw / 390 * 16);
    margin-top: calc(100vw / 390 * 10);
}

/* ----- 顶部横幅 Hero Card ----- */
.flygo-upgrade-partner-hero-card {
    width: 100%;
    padding: calc(100vw / 390 * 20);
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.04);
    border: calc(100vw / 390 * 1) solid #FAF3F3;;
    border-radius: calc(100vw / 390 * 16);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 142);
}

.flygo-upgrade-partner-hero-bg-img {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-partner-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0
}

.flygo-upgrade-partner-hero-content {
    position: relative;
    z-index: 1;
    height: 100%;
}

.flygo-upgrade-partner-hero-title {
    font-size: calc(100vw / 390 * 20);
    line-height: 1;
    height: calc(100vw / 390 * 20);
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-partner-hero-sub {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #4F4F55;
    margin-bottom: calc(100vw / 390 * 14);
}

.flygo-upgrade-partner-hero-tag {
    background: #FEE8E6;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 25);

}

.flygo-upgrade-partner-hero-tag-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FD2A3A;
}

/* ----- 四宫格权益区 ----- */
.flygo-upgrade-partner-features-wrap {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-upgrade-partner-features-grid {
    width: 100%;
    gap: calc(100vw / 390 * 12);
}

.flygo-upgrade-partner-feature-item {
    width: calc(50% - calc(100vw / 390 * 6));;
    padding: calc(100vw / 390 * 10);
    background: #F9F9F9;
    border-radius: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-upgrade-partner-feature-item:nth-child(2n) {
    /* 右侧列无右 margin */
}

.flygo-upgrade-partner-feature-item:nth-last-child(-n+2) {
    margin-bottom: 0;
}

.flygo-upgrade-partner-feature-icon-box {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    border-radius: calc(100vw / 390 * 9999);
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-upgrade-partner-bg-red {
    background: #FD2A3A;
    box-shadow: 0 2px 4px rgba(255, 51, 75, 0.2);
}

.flygo-upgrade-partner-bg-orange {
    background: #FF7A04;
    box-shadow: 0 2px 4px rgba(255, 122, 4, 0.2);
}

.flygo-upgrade-partner-bg-pink {
    background: #FF6B6B;
    box-shadow: 0 2px 4px rgba(255, 107, 107, 0.2);
}

.flygo-upgrade-partner-feature-svg {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FFFFFF;
}

.flygo-upgrade-partner-feature-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 5);
}

.flygo-upgrade-partner-feature-desc {
    font-size: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ----- 配套列表区 ----- */
.flygo-upgrade-partner-package-card-inactive.flygo-upgrade-partner-package-card-active-red {
    background: #FEF9F9;
    border: 1px solid #FD2A3A;
}

.flygo-upgrade-partner-package-card-inactive.flygo-upgrade-partner-package-card-active-orange {
    background: #FDF9F5;
    border: 1px solid #FF7A04;
}

/* 配套 2：未选中状态 */
.flygo-upgrade-partner-package-card-inactive {
    position: relative;
    background: #FFFFFF;
    width: 100%;
    padding: calc(100vw / 390 * 20);
    border-radius: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
    box-sizing: border-box;
}

.flygo-upgrade-partner-check-icon {
    position: absolute;
    right: calc(100vw / 390 * 10);
    top: calc(100vw / 390 * 10);
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    border-radius: calc(100vw / 390 * 9999);
    background: #F7F8FA;
}

.flygo-upgrade-partner-package-card-active-red .flygo-upgrade-partner-check-icon {
    background: #FFF0F2;
}

.flygo-upgrade-partner-package-card-active-orange .flygo-upgrade-partner-check-icon {
    background: #FFF4E5;
}

.flygo-upgrade-partner-package-card-active-red .flygo-upgrade-partner-check-icon-svg {
    fill: #FF1F40;
}

.flygo-upgrade-partner-package-card-active-orange .flygo-upgrade-partner-check-icon-svg {
    fill: #FF7A04;
}

.flygo-upgrade-partner-check-icon-svg {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    fill: #9999A4;
}

.flygo-upgrade-partner-pkg-header {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-upgrade-partner-pkg-icon-wrap {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 10);
}

.flygo-upgrade-partner-icon-bg-red {
    background: #FFE9EA;
}

.flygo-upgrade-partner-icon-bg-orange {
    background: #FFF4E5;
}

.flygo-upgrade-partner-icon-bg-red .flygo-upgrade-partner-pkg-svg {
    fill: #FF1F40;
}

.flygo-upgrade-partner-icon-bg-orange .flygo-upgrade-partner-pkg-svg {
    fill: #FF7A04;
}

.flygo-upgrade-partner-pkg-svg {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    fill: #9999A4;
}

.flygo-upgrade-partner-pkg-title {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

/* 列表子项 */
.flygo-upgrade-partner-pkg-item {
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-upgrade-partner-pkg-item:last-child {
    margin-bottom: 0;
}

.flygo-upgrade-partner-num-mark {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    border-radius: calc(100vw / 390 * 10);
    flex-shrink: 0;
    margin-right: calc(100vw / 390 * 8);
}

.flygo-upgrade-partner-num-bg-red {
    background: #FFF1EC;
}

.flygo-upgrade-partner-num-bg-orange {
    background: #FFF4E5;
}

.flygo-upgrade-partner-num-text-red {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

.flygo-upgrade-partner-num-text-orange {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FF7A04;
}

.flygo-upgrade-partner-item-text {
    font-size: calc(100vw / 390 * 12);
    /* 对于多行文本如第五项，放宽行高 */
    line-height: 1.5;
    font-weight: 500;
    color: #9999A4;
    flex: 1;
}

/* 开通按钮 */
.flygo-upgrade-partner-btn-active {
    margin-top: calc(100vw / 390 * 16);
}

.flygo-upgrade-partner-btn-inactive {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #FFD9DC;
    border-radius: calc(100vw / 390 * 12);
    margin-top: calc(100vw / 390 * 16);
    cursor: pointer;
}

.flygo-upgrade-partner-btn-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #FFFFFF;
}

/* ----- 底部购买须知 ----- */
.flygo-upgrade-partner-note-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    width: 100%;
    padding: calc(100vw / 390 * 16);
}

.flygo-upgrade-partner-note-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
    fill: #9999A4;
}

.flygo-upgrade-partner-note-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-upgrade-partner-arrow-right {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    fill: #9999A4;
}

/* ============================================================
           auth.check.html
============================================================ */
.flygo-auth-check-main {
    padding: calc(100vw / 390 * 130) calc(100vw / 390 * 35) calc(100vw / 390 * 10) calc(100vw / 390 * 35);
}

.flygo-auth-check-card {
    /* 无 border-box: 满宽358，扣去 padding (24*2=48)，内容宽 310 */
    width: 100%;
    padding: calc(100vw / 390 * 36) calc(100vw / 390 * 24) calc(100vw / 390 * 30);
    background: #FFFFFF;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.11);;
    border-radius: calc(100vw / 390 * 16);
}

/* ----- 核心握手动画区 ----- */
.flygo-auth-check-anim-box {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 32);
}

.flygo-auth-check-app-logo,
.flygo-auth-check-mp-logo {
    width: calc(100vw / 390 * 64);
    height: calc(100vw / 390 * 64);
    border-radius: calc(100vw / 390 * 16);
    box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.08);
    position: relative;
}

.flygo-auth-check-app-logo {
    background: linear-gradient(135deg, #FD2A3A 0%, #FF7A04 100%);
}

.flygo-auth-check-mp-logo {
    background: #FFFFFF;
    border: 1px solid #F3F4F7;
}

.flygo-auth-check-logo-svg {
    width: calc(100vw / 390 * 32);
    height: calc(100vw / 390 * 32);
}

.flygo-auth-check-logo-img {
    width: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 36);
}

/* 数据连接点阵 */
.flygo-auth-check-connection {
    margin: 0 calc(100vw / 390 * 20);
}

.flygo-auth-check-dot {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    background-color: #FD2A3A;
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 8);
    opacity: 0.2;
    animation: flygoAuthCheckPulse 1.4s infinite ease-in-out both;
}

.flygo-auth-check-dot:last-child {
    margin-right: 0;
}

.flygo-auth-check-dot:nth-child(1) {
    animation-delay: -0.32s;
}

.flygo-auth-check-dot:nth-child(2) {
    animation-delay: -0.16s;
}

.flygo-auth-check-dot:nth-child(3) {
    animation-delay: 0s;
}

@keyframes flygoAuthCheckPulse {
    0%, 80%, 100% {
        transform: scale(0.6);
        opacity: 0.2;
    }
    40% {
        transform: scale(1);
        opacity: 1;
    }
}

/* */
/* ----- 状态文本区 ----- */
.flygo-auth-check-spinner-box {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-auth-check-spinner {
    width: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    animation: flygoAuthCheckRotate 1.2s linear infinite;
}

.flygo-auth-check-spinner-path {
    stroke: #FD2A3A;
    stroke-width: 3;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: flygoAuthCheckDash 1.5s ease-in-out infinite;
}

@keyframes flygoAuthCheckRotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes flygoAuthCheckDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -124px;
    }
}

.flygo-auth-check-title {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-auth-check-desc {
    font-size: calc(100vw / 390 * 13);
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* ----- 【全新升级】高端数据面板 (Data Plate) ----- */
.flygo-auth-check-data-box {
    margin-top: calc(100vw / 390 * 24);
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: #F9FAFB;
    border: 1px solid #F3F4F6;
    border-radius: calc(100vw / 390 * 12);
}

.flygo-auth-check-data-row {
    width: 100%;
}

.flygo-auth-check-data-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
    fill: #9999A4;
}

.flygo-auth-check-data-label {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-auth-check-data-value {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #111827;
}

.flygo-auth-check-data-divider {
    width: 100%;
    height: 1px;
    background: #F0F0F5;
    margin: calc(100vw / 390 * 12) 0;
}

.flygo-auth-check-status-dot {
    width: calc(100vw / 390 * 6);
    height: calc(100vw / 390 * 6);
    background-color: #FD2A3A; /* 品牌红呼吸灯 */
    border-radius: calc(100vw / 390 * 9999);
    margin-right: calc(100vw / 390 * 6);
    animation: flygoAuthCheckStatusPulse 1s infinite alternate;
}

@keyframes flygoAuthCheckStatusPulse {
    0% {
        opacity: 0.3;
    }
    100% {
        opacity: 1;
    }
}

.flygo-auth-check-data-status {
    font-size: calc(100vw / 390 * 13);
    height: calc(100vw / 390 * 13);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
}

/* */
/* ============================================================
   业务语义化样式 - 底部安全提示
============================================================ */
.flygo-auth-check-footer {
    position: absolute;
    bottom: calc(100vw / 390 * 40);
    left: 0;
    width: 100vw;
}

.flygo-auth-check-safe-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 4);
}

.flygo-auth-check-safe-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
           asset.contrib.html
============================================================ */

/* 模拟右侧金币插画 */
.flygo-asset-contrib-top-card-bg {
    position: absolute;
    background: url(../img/flygo/flygo-grade-service-header.png) no-repeat right center;
    background-size: auto 100%;
    inset: 0;
    z-index: 0;
}

.flygo-asset-contrib-top-sub {
    font-size: calc(100vw / 390 * 12);
    /*height: calc(100vw / 390 * 12);*/
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
    width: calc(100vw / 390 * 190);
    text-align: justify;
}

.flygo-asset-contrib-role-status-tag {
    /*background: #FEF2F2;*/
    background: #FFFFFF;
    border: 1px solid #FEE2E2;
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 10);
    position: absolute;
    z-index: 2;
    height: calc(100vw / 390 * 29);
    top: calc(100vw / 390 * 8);
    right: calc(100vw / 390 * 20);
    opacity: 0.9;
}

.flygo-asset-contrib-tag-icon-red {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 4);
    fill: #FD2A3A;
}

.flygo-asset-contrib-role-status-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #FD2A3A;
}

/* ============================================================
           setting.center.html
============================================================ */
/* ----- 顶部个人信息卡片 ----- */
.flygo-setting-center-profile-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    width: 100%;
    padding: calc(100vw / 390 * 16);
    position: relative;
    margin-bottom: calc(100vw / 390 * 10);
    overflow: hidden;
}

.flygo-setting-center-box-3d-bg {
    position: absolute;
    background: url(../img/flygo/flygo-setting-center-header.png) no-repeat right top;
    background-size: auto calc(100vw / 390 * 120);
    inset: 0;
    z-index: 0;
}

/* 右上角身份标签 */
.flygo-setting-center-role-tag {
    position: absolute;
    top: 0;
    right: 0;
    background: rgba(250, 223, 200, 0.65);;
    border-radius: 0 calc(100vw / 390 * 16) 0 calc(100vw / 390 * 10);
    padding: 0 calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 26);
}

.flygo-setting-center-role-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #4F4F55;
}

/* 头像与昵称行 */
.flygo-setting-center-user-row {
    width: 100%;
    position: relative;
    margin-top: calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 20);
    z-index: 1;
}

.flygo-setting-center-avatar-wrap {
    width: calc(100vw / 390 * 70);
    height: calc(100vw / 390 * 70);
    margin-right: calc(100vw / 390 * 16);
    position: relative;
}

.flygo-setting-center-avatar-img {
    width: 100%;
    height: 100%;
    border-radius: calc(100vw / 390 * 9999);
    background: #FFC600; /* Mock avatar bg */
    overflow: hidden;
    position: relative;
}

.flygo-setting-center-avatar-edit {
    position: absolute;
    left: calc(100vw / 390 * 44);
    bottom: 0;
    z-index: 1;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
    height: calc(100vw / 390 * 26);
    width: calc(100vw / 390 * 26);
}

.flygo-setting-center-avatar-svg {
    height: calc(100vw / 390 * 14);
    width: calc(100vw / 390 * 14);
    fill: #000000;
}

.flygo-setting-center-user-id-row {
    margin-bottom: 0;
}

.flygo-setting-center-user-name-text {
    font-size: calc(100vw / 390 * 22);
    line-height: 1;
    height: calc(100vw / 390 * 22);
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 10);
}

/* 模拟头像中的占位图形 */
.flygo-setting-center-avatar-mock-head {
    position: absolute;
    width: calc(100vw / 390 * 30);
    height: calc(100vw / 390 * 30);
    background: #FFDA44;
    border-radius: 50%;
    top: calc(100vw / 390 * 10);
    left: 50%;
    transform: translateX(-50%);
}

.flygo-setting-center-avatar-mock-body {
    position: absolute;
    width: calc(100vw / 390 * 50);
    height: calc(100vw / 390 * 25);
    background: #E5E7EB;
    border-radius: calc(100vw / 390 * 25) calc(100vw / 390 * 25) 0 0;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
}

/* 编辑小角标 */
.flygo-setting-center-edit-badge {
    position: absolute;
    right: 0;
    bottom: 0;
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 9999);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}

.flygo-setting-center-edit-icon {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
}

.flygo-setting-center-username {
    font-size: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

/* 信息行 (UID & Email) */
.flygo-setting-center-info-row {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 16);
    position: relative;
    z-index: 1;
}

.flygo-setting-center-info-row:last-child {
    margin-bottom: 0;
}

.flygo-setting-center-info-label {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-setting-center-info-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-setting-center-info-action-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    /* 图标与数值强制使用 margin 推开 */
    margin-left: calc(100vw / 390 * 8);
    cursor: pointer;
}

/* 内部虚线分割 */
.flygo-setting-center-divider-dashed {
    width: 100%;
    height: 1px;
    background-image: linear-gradient(to right, #EEEEEE 50%, transparent 50%);
    background-size: 8px 1px;
    background-repeat: repeat-x;
    margin: calc(100vw / 390 * 10) 0;
}

/* VIP 升级模块区域 (融入品牌风格) */
.flygo-setting-center-vip-box {
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: linear-gradient(135deg, #FFFCF5 0%, #FFFFFF 100%);
    border-radius: calc(100vw / 390 * 12);
    position: relative;
    overflow: hidden;
}

/* 模拟右侧的装饰底纹 */
.flygo-setting-center-vip-bg-decor {
    position: absolute;
    right: calc(100vw / 390 * -20);
    bottom: calc(100vw / 390 * -20);
    width: calc(100vw / 390 * 100);
    height: calc(100vw / 390 * 100);
    background: radial-gradient(circle, #FFF2D1 0%, transparent 70%);
    z-index: 0;
}

.flygo-setting-center-vip-content {
    position: relative;
    z-index: 1;
    width: 100%;
}

.flygo-setting-center-vip-title {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 600;
    color: #000000;
}

.flygo-setting-center-vip-benefit {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #D49B25;
    cursor: pointer;
}

.flygo-setting-center-vip-arrow {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    margin-left: calc(100vw / 390 * 2);
}

.flygo-setting-center-vip-desc {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-setting-center-progress-wrap {
    margin-top: calc(100vw / 390 * 12);
    width: calc(100vw / 390 * 140); /* 控制进度条长度 */
    height: calc(100vw / 390 * 4);
    background: #F0F0F5;
    border-radius: calc(100vw / 390 * 9999);
    overflow: hidden;
}

.flygo-setting-center-progress-bar {
    width: 30%; /* 模拟进度 */
    height: 100%;
    background: linear-gradient(90deg, #F3D284 0%, #D49B25 100%);
    border-radius: calc(100vw / 390 * 9999);
}

/* ----- 菜单列表卡片 ----- */
.flygo-setting-center-menu-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    width: 100%;
    padding: 0 calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-setting-center-menu-row {
    padding: calc(100vw / 390 * 20) 0;
    border-bottom: 1px solid #F4F5F7;
    cursor: pointer;
}

.flygo-setting-center-menu-row:last-child {
    border-bottom: none;
}

.flygo-setting-center-menu-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    /* 严格使用 margin 推开右侧文字间距 */
    margin-right: calc(100vw / 390 * 12);
    fill: #333333;
}

.flygo-setting-center-menu-label {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 400;
    color: #000000;
}

.flygo-setting-center-menu-val {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-setting-center-text-green {
    color: #34C759;
}

.flygo-setting-center-menu-arrow {
    width: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    /* 与右侧文字强制 margin 推开 */
    margin-left: calc(100vw / 390 * 8);
    fill: #9999A4;
}

/* ----- 底部退出按钮 ----- */
.flygo-setting-center-logout-btn {
    width: 100%;
    background: #F0F0F5;
    border-radius: calc(100vw / 390 * 12);
}

.flygo-setting-center-logout-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 400;
    color: #4F4F55;
}

.flygo-setting-center-upgrade-hero-card {
    width: 100%;
    height: calc(100vw / 390 * 129);
    border-radius: calc(100vw / 390 * 10);
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.04);
    border: calc(100vw / 390 * 1) solid #FAF3F3;
    /*padding: calc(100vw / 390 * 20);*/
    position: relative;
    overflow: hidden;
    box-sizing: border-box;
}

.flygo-setting-center-upgrade-hero-inner {
    padding: calc(100vw / 390 * 20);
}

.flygo-setting-center-upgrade-hero-3d-bg.service {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-service-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0
}

.flygo-setting-center-upgrade-hero-3d-bg.guild {
    position: absolute;
    background: url(../img/flygo/flygo-upgrade-alliance-header.png) no-repeat center center;
    background-size: 100% 100%;
    inset: 0;
    z-index: 0
}

.flygo-setting-center-upgrade-hero-content {
    position: relative;
    z-index: 1;
    height: 100%;
    justify-content: center;
}

.flygo-setting-center-upgrade-hero-title-text {
    font-size: calc(100vw / 390 * 18);
    line-height: 1;
    height: calc(100vw / 390 * 18);
    font-weight: 500;
    color: #000000;
    /* Figma间距10px */
    margin-bottom: calc(100vw / 390 * 8);
}

.flygo-setting-center-upgrade-hero-subtitle-text {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #4F4F55;
    /* Figma间距14px */
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-setting-center-upgrade-hero-price-pill {
    background: #FEE8E6;
    height: calc(100vw / 390 * 28);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
}

.flygo-setting-center-upgrade-hero-price-val {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 600;
    color: #FD2A3A;
}

.flygo-setting-center-upgrade-hero-text {
    font-size: calc(100vw / 390 * 14);
    line-height: 1;
    height: calc(100vw / 390 * 14);
    font-weight: 400;
    color: #FD2A3A;
}

.flygo-setting-center-upgrade-hero-icon {
    width: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    margin-right: calc(100vw / 390 * 4);
    fill: #FD2A3A;
}

.flygo-setting-center-upgrade-hero-price-unit {
    font-size: calc(100vw / 390 * 12);
    line-height: 1;
    height: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FD2A3A;
}

.flygo-setting-center-upgrade-hero-limit-pill {
    background: rgba(253, 243, 243, 0.8);
    border: calc(100vw / 390 * 1) solid #FEDFE1;
    height: calc(100vw / 390 * 23);
    border-radius: calc(100vw / 390 * 9999);
    padding: 0 calc(100vw / 390 * 8);
}

.flygo-setting-center-upgrade-hero-limit-text {
    font-size: calc(100vw / 390 * 10);
    line-height: 1;
    height: calc(100vw / 390 * 10);
    font-weight: 500;
    color: #722725;
}

/* ============================================================
           remote.pay.html
============================================================ */
.flygo-remote-pay-deal-wrap {
    width: 100%;
}

.flygo-remote-pay-merchant-name {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-remote-pay-amount-row {
    margin-bottom: calc(100vw / 390 * 20);
}

.flygo-remote-pay-amount-symbol {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 24);
    height: calc(100vw / 390 * 24);
    line-height: 1;
    font-weight: 700;
    color: #000000;
    margin-right: calc(100vw / 390 * 6);
}

/* 继承并放大登录页标题字体属性 */
.flygo-remote-pay-amount-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 46);
    height: calc(100vw / 390 * 46);
    line-height: 1;
    font-weight: 700;
    color: #000000;
    letter-spacing: calc(100vw / 390 * -1); /* 紧凑数字间距 */
}

/* 继承 Confirm 弹窗的黄色警告框作为倒计时 */
.flygo-remote-pay-timer-box {
    background: #FFF7E6;
    padding: calc(100vw / 390 * 8) calc(100vw / 390 * 16);
    border: 1px solid #FFEDD5;
    border-radius: calc(100vw / 390 * 9999);
    margin-bottom: calc(100vw / 390 * 40);
    /* 雷达脉冲呼吸缩放动效 */
    animation: flygoRemotePayTimerPulse 2s infinite cubic-bezier(0.66, 0, 0, 1);
}

/* 外发光波纹与缩放动画 */
@keyframes flygoRemotePayTimerPulse {
    0% {
        box-shadow: 0 0 0 0 rgba(255, 122, 4, 0.4);
        transform: scale(0.98);
    }
    70% {
        box-shadow: 0 0 0 calc(100vw / 390 * 8) rgba(255, 122, 4, 0);
        transform: scale(1.02);
    }
    100% {
        box-shadow: 0 0 0 0 rgba(255, 122, 4, 0);
        transform: scale(0.98);
    }
}

/* 时钟秒针走动动画 */
@keyframes flygoRemotePayClockSpin {
    0% {
        transform: rotate(0deg);
    }
    100% {
        transform: rotate(360deg);
    }
}

/* 中心红点闪烁警示动画 */
@keyframes flygoRemotePayDotFlash {
    0%, 100% {
        opacity: 1;
        fill: #FD2A3A;
    }
    50% {
        opacity: 0.5;
        fill: #FF7A04;
    }
}

.flygo-remote-pay-timer-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
}

.flygo-remote-pay-timer-spin-hand {
    transform-origin: center;
    animation: flygoRemotePayClockSpin 1.5s linear infinite;
}

.flygo-remote-pay-timer-center-dot {
    animation: flygoRemotePayDotFlash 1s infinite alternate;
}

.flygo-remote-pay-timer-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 500;
    color: #FF7A04;
}

/* ============================================================
   业务语义化样式 - 支付方式列表 (融入 Figma 高级卡片规范)
============================================================ */
.flygo-remote-pay-methods-title {
    width: 100%;
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #9999A4;
    margin-bottom: calc(100vw / 390 * 12);
}

/* 升级版卡片式列表项 */
.flygo-remote-pay-method-item {
    width: 100%;
    padding: calc(100vw / 390 * 16);
    background: #FFFFFF;
    border: 1px solid #F3F4F6;
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03);
    border-radius: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 12);
    cursor: pointer;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
    box-sizing: border-box;
}

.flygo-remote-pay-method-item:last-child {
    margin-bottom: 0;
}

/* 激活状态的卡片描边变红并增加发光阴影 */
.flygo-remote-pay-method-item.active {
    border: 1px solid #FD2A3A;
    background: #FEF9F9;
    box-shadow: 0 4px 12px rgba(253, 42, 58, 0.1);
}

/* 左侧支付图标：采用微圆角矩形(Squircle)更显质感 */
.flygo-remote-pay-method-icon-wrap {
    width: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 36);
    border-radius: calc(100vw / 390 * 10);
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
}

.flygo-remote-pay-bg-red {
    background: #FD2A3A;
}

.flygo-remote-pay-bg-orange {
    background: #FF7A04;
}

.flygo-remote-pay-bg-blue {
    background: #0B64FD;
}

.flygo-remote-pay-method-icon-font {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    fill: #FFFFFF;
}

.flygo-remote-pay-method-info {
    flex: 1;
}

.flygo-remote-pay-method-name {
    font-size: calc(100vw / 390 * 15);
    height: calc(100vw / 390 * 15);
    line-height: 1;
    font-weight: 500;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-remote-pay-method-sub {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   继承登录页：极其酷炫的 SVG 打勾 Checkbox
============================================================ */
.flygo-remote-pay-checkbox-circle {
    position: relative;
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    border: 1px solid #E0E0E0;
    background-color: transparent;
    border-radius: calc(100vw / 390 * 9999);
    margin-left: calc(100vw / 390 * 10);
    display: flex;
    align-items: center;
    justify-content: center;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.flygo-check-svg {
    width: calc(100vw / 390 * 10);
    height: calc(100vw / 390 * 10);
    fill: #FFFFFF;
    stroke: #FFFFFF;
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s cubic-bezier(0.68, -0.55, 0.265, 1.55);
}

/* 选中状态 */
.flygo-remote-pay-method-item.active .flygo-remote-pay-checkbox-circle {
    background-color: #FD2A3A;
    border-color: #FD2A3A;
}

.flygo-remote-pay-method-item.active .flygo-check-svg {
    stroke-dashoffset: 0;
    opacity: 1;
    transform: scale(1);
}

/* ============================================================
   业务语义化样式 - 吸底确认按钮与安全背书
============================================================ */
.flygo-remote-pay-bottom-bar {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    padding: calc(100vw / 390 * 12) calc(100vw / 390 * 16) calc(100vw / 390 * 32);
    background: rgba(255, 255, 255, 0.95);
    backdrop-filter: blur(10px);
    border-top: 1px solid #F3F4F6;
    z-index: 50;
}

.flygo-remote-pay-submit-btn {
}

.flygo-remote-pay-submit-text {
}

.flygo-remote-pay-submit-desc {
    margin-top: calc(100vw / 390 * 16);
}

/* 继承 Auth Check 底部的盾牌提示 */
.flygo-remote-pay-safe-icon {
    width: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    margin-right: calc(100vw / 390 * 6);
    fill: #BBBAC4;
}

.flygo-remote-pay-safe-text {
    font-size: calc(100vw / 390 * 12);
    height: calc(100vw / 390 * 12);
    line-height: 1;
    font-weight: 400;
    color: #BBBAC4;
}

/* ============================================================
   新增：支付成功全屏覆盖页 (极致动效)
============================================================ */
.flygo-remote-pay-success-wrap {
    width: 100%;
}

/* 绿色成功圆形背景 - 弹簧缩放动效 */
.flygo-remote-pay-success-icon-box {
    width: calc(100vw / 390 * 64);
    height: calc(100vw / 390 * 64);
    background: #34C759;
    border-radius: calc(100vw / 390 * 9999);
    margin-bottom: calc(100vw / 390 * 24);
    transform: scale(0);
}

.flygo-remote-pay-success-wrap .flygo-remote-pay-success-icon-box {
    animation: flygoSuccessPop 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

@keyframes flygoSuccessPop {
    0% {
        transform: scale(0);
    }
    100% {
        transform: scale(1);
    }
}

/* 成功打勾 SVG - 延迟绘制动效 */
.flygo-success-check-svg {
    width: calc(100vw / 390 * 46);
    height: calc(100vw / 390 * 46);
    stroke: #FFFFFF;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
}

.flygo-remote-pay-success-wrap .flygo-success-check-svg {
    animation: flygoSuccessDraw 0.4s ease-out 0.4s forwards;
}

@keyframes flygoSuccessDraw {
    100% {
        stroke-dashoffset: 0;
    }
}

.flygo-remote-pay-success-title {
    font-size: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-remote-pay-success-amount {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 36);
    height: calc(100vw / 390 * 36);
    line-height: 1;
    font-weight: 700;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 40);
}

/* 高定质感订单详情面框 */
.flygo-remote-pay-success-detail-box {
    width: 100%;
    padding: calc(100vw / 390 * 20);
    background: #F9FAFB;
    border: 1px solid #F3F4F6;
    border-radius: calc(100vw / 390 * 16);
    box-sizing: border-box;
}

.flygo-remote-pay-success-row {
    width: 100%;
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-remote-pay-success-row:last-child {
    margin-bottom: 0;
}

.flygo-remote-pay-success-label {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
}

.flygo-remote-pay-success-val {
    font-family: 'Arial';
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

.flygo-remote-pay-success-val-red {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 500;
    color: #FD2A3A;
}

/* 完成按钮：沉稳的次级按钮风格 */
.flygo-remote-pay-success-btn {
    width: 100%;
    height: calc(100vw / 390 * 50);
    background: #F3F4F6;
    border-radius: calc(100vw / 390 * 12);
    margin-top: calc(100vw / 390 * 12);
}

.flygo-remote-pay-success-btn-text {
    font-size: calc(100vw / 390 * 16);
    height: calc(100vw / 390 * 16);
    line-height: 1;
    font-weight: 500;
    color: #000000;
}

/* ============================================================
   新增：支付处理中 (Loading) 与 支付失败 (Fail) 覆盖页
============================================================ */
.flygo-remote-pay-loading-wrap {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(255, 255, 255, 0.98);
    backdrop-filter: blur(10px);
    z-index: 100;
    display: flex;
    visibility: hidden;
    pointer-events: none;
    opacity: 0;
    transition: opacity 1s ease, visibility 1s ease;
    padding: calc(100vw / 390 * 180) calc(100vw / 390 * 16) 0;
}

.flygo-remote-pay-loading-wrap.active {
    visibility: visible;
    pointer-events: auto;
    opacity: 1;
}

.flygo-remote-pay-fail-wrap {
    width: 100%;
}

/* 提取授权页顺滑的 SVG Loading 动画 */
.flygo-remote-pay-spinner-svg {
    width: calc(100vw / 390 * 46);
    height: calc(100vw / 390 * 46);
    animation: flygoRemotePayRotate 2s linear infinite;
    margin-bottom: calc(100vw / 390 * 24);
}

.flygo-remote-pay-spinner-circle {
    stroke: #FD2A3A;
    stroke-width: 3;
    stroke-dasharray: 1, 200;
    stroke-dashoffset: 0;
    stroke-linecap: round;
    animation: flygoRemotePayDash 1.5s ease-in-out infinite;
}

@keyframes flygoRemotePayRotate {
    100% {
        transform: rotate(360deg);
    }
}

@keyframes flygoRemotePayDash {
    0% {
        stroke-dasharray: 1, 200;
        stroke-dashoffset: 0;
    }
    50% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -35px;
    }
    100% {
        stroke-dasharray: 90, 200;
        stroke-dashoffset: -124px;
    }
}

.flygo-remote-pay-loading-title {
    font-size: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    line-height: 1;
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-remote-pay-loading-desc {
    font-size: calc(100vw / 390 * 13);
    line-height: 1.5;
    font-weight: 400;
    color: #9999A4;
    text-align: center;
}

/* 支付失败样式 */
.flygo-remote-pay-fail-icon-box {
    width: calc(100vw / 390 * 64);
    height: calc(100vw / 390 * 64);
    background: #FD2A3A; /* 失败使用红色背景 */
    border-radius: calc(100vw / 390 * 9999);
    margin-bottom: calc(100vw / 390 * 24);
    transform: scale(0);
}

.flygo-remote-pay-fail-wrap .flygo-remote-pay-fail-icon-box {
    animation: flygoSuccessPop 0.6s cubic-bezier(0.175, 0.885, 0.32, 1.275) forwards;
}

.flygo-fail-cross-svg {
    width: calc(100vw / 390 * 46);
    height: calc(100vw / 390 * 46);
    stroke: #FFFFFF;
    stroke-width: 3;
    stroke-linecap: round;
    stroke-linejoin: round;
    fill: none;
    stroke-dasharray: 60;
    stroke-dashoffset: 60;
}

.flygo-remote-pay-fail-wrap .flygo-fail-cross-svg {
    animation: flygoSuccessDraw 0.4s ease-out 0.4s forwards;
}

.flygo-remote-pay-fail-reason {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #9999A4;
    margin-bottom: calc(100vw / 390 * 40);
}

.flygo-remote-pay-fail-btn-retry {
}

.flygo-remote-pay-fail-btn-retry-text {
}

/* ============================================================
   全局通用特效：物理震动动画 (提取自 listSheet 插件)
   用途：在表单校验失败、点击不可用选项时，提供轻微物理阻尼震动反馈
============================================================ */
@keyframes flygo-shake-anim {
    0%, 100% {
        transform: translateX(0);
    }
    20%, 60% {
        transform: translateX(calc(100vw / 390 * -4));
    }
    40%, 80% {
        transform: translateX(calc(100vw / 390 * 4));
    }
}

.shake {
    /* 配合 ease-out 类的贝塞尔曲线，让震动起步干脆，结尾收缩自然 */
    animation: flygo-shake-anim 0.4s cubic-bezier(0.36, 0.07, 0.19, 0.97) both !important;
}

/* ============================================================
           setting.language.html
============================================================ */
.flygo-lang-main {
    padding: 0 calc(100vw / 390 * 16);
    margin-top: calc(100vw / 390 * 10);
    flex-grow: 1;
}

/* 独立卡片化搜索框 */
.flygo-lang-search-card {
    width: 100%;
    height: calc(100vw / 390 * 48);
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 12);
    padding: 0 calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 16);
    box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.02);
}

.flygo-lang-search-icon {
    width: calc(100vw / 390 * 18);
    height: calc(100vw / 390 * 18);
    stroke: #9999A4;
    margin-right: calc(100vw / 390 * 8);
    flex-shrink: 0;
}

.flygo-lang-search-input {
    flex-grow: 1;
    border: none;
    background: transparent;
    outline: none;
    font-size: calc(100vw / 390 * 15);
    height: 100%;
    color: #000000;
    font-family: inherit;
}

.flygo-lang-search-input::placeholder {
    color: #9999A4;
    font-weight: 400;
}

/* ============================================================
   业务语义化样式 - 语言列表卡片
============================================================ */
.flygo-lang-list-card {
    width: 100%;
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: 0 calc(100vw / 390 * 16);
    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.02);
}

.flygo-lang-item {
    width: 100%;
    padding: calc(100vw / 390 * 18) 0;
    border-bottom: 1px solid #F4F5F7;
    cursor: pointer;
    transition: opacity 0.2s;
}

.flygo-lang-item:last-child {
    border-bottom: none;
}

.flygo-lang-item:active {
    opacity: 0.6;
}

.flygo-lang-item-text {
    font-size: calc(100vw / 390 * 15);
    height: calc(100vw / 390 * 15);
    line-height: 1;
    font-weight: 400;
    color: #333333;
    transition: all 0.2s;
}

.flygo-lang-item-no-data-text {
    font-size: calc(100vw / 390 * 14);
    height: calc(100vw / 390 * 14);
    line-height: 1;
    font-weight: 400;
    color: #999999;
    transition: all 0.2s;
}

/* 选中状态文字微加粗，颜色变深 */
.flygo-lang-item.active .flygo-lang-item-text {
    font-weight: 600;
    color: #000000;
}

.flygo-lang-check-wrap {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    flex-shrink: 0;
}

 /*动态绘制对勾特效 (融入品牌红) */
.flygo-lang-check-svg {
    width: 100%;
    height: 100%;
    fill: none;
    stroke: #FD2A3A; /* 使用品牌红与整体卡片生态呼应 */
    stroke-width: 2.5;
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-dasharray: 24;
    stroke-dashoffset: 24;
    opacity: 0;
    transform: scale(0.5);
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

/*.flygo-lang-check-svg {*/
/*    width: 100%;*/
/*    height: 100%;*/
/*    fill: #FD2A3A;*/
/*    opacity: 0;*/
/*    transform: scale(0.5);*/
/*    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);*/
/*}*/

/* 激活时的展现动画 */
.flygo-lang-item.active .flygo-lang-check-svg {
    stroke-dashoffset: 0;
    opacity: 1;
    transform: scale(1);
}

/* ============================================================
       【核心】Hero 卡片：完全提取自 asset.my.html 的浅色高级质感
    ============================================================ */
.flygo-utility-bill-hero-card {
    width: 100%;
    box-shadow: 0 calc(100vw / 390 * 1) calc(100vw / 390 * 2) rgba(0, 0, 0, 0.04);
    border: calc(100vw / 390 * 1) solid #FAECEE;
    border-radius: calc(100vw / 390 * 16);
    position: relative;
    overflow: hidden;
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-utility-bill-hero-bg-img {
    position: absolute;
    background: url(../img/flygo/flygo-utility-bill-header.png) no-repeat top right;
    background-size: 100% auto;
    inset: 0;
    z-index: 0
}

/* 纯手绘的 2.5D 一卡通 SVG 插画定位容器 */
.flygo-utility-bill-hero-illustration {
    position: absolute;
    right: calc(100vw / 390 * -10);
    top: calc(100vw / 390 * 0);
    width: calc(100vw / 390 * 150);
    height: calc(100vw / 390 * 130);
    z-index: 1;
    pointer-events: none;
}

.flygo-utility-bill-hero-top-info {
    padding-bottom: calc(100vw / 390 * 20);
    position: relative;
    z-index: 2;
}

.flygo-utility-bill-hero-title {
    font-size: calc(100vw / 390 * 20);
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 6);
}

.flygo-utility-bill-hero-hint {
    font-size: calc(100vw / 390 * 12);
    font-weight: 400;
    color: #9999A4;
}

/* ============================================================
   【核心】嵌套输入框卡片：完美融合电话输入
============================================================ */
.flygo-utility-bill-input-structure-container {
    position: relative;
    z-index: 3;
    padding: calc(100vw / 390 * 10) calc(100vw / 390 * 16) calc(100vw / 390 * 16) calc(100vw / 390 * 16);;
}

.flygo-utility-bill-input-structure-card {
    width: 100%;
    background: rgba(255, 255, 255, 0.9);
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 16);
    box-shadow: 0 calc(100vw / 390 * 4) calc(100vw / 390 * 12) rgba(0, 0, 0, 0.04);
    border: 1px solid rgba(255, 255, 255, 0.6);
    backdrop-filter: blur(4px);
    -webkit-backdrop-filter: blur(4px);
}

.flygo-utility-bill-user-label {
    font-size: calc(100vw / 390 * 13);
    color: #9999A4;
    margin-right: calc(100vw / 390 * 12);
}

.flygo-utility-bill-user-tag {
    background: #F3F4F6;
    border-radius: calc(100vw / 390 * 12);
    padding: calc(100vw / 390 * 3) calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 12);
    color: #1C1C1C;
    margin-right: calc(100vw / 390 * 8);
}

.flygo-utility-bill-phone-row {
    margin-top: calc(100vw / 390 * 16);
    width: 100%;
}

.flygo-utility-bill-phone-number {
    font-family: 'Arial', sans-serif;
    font-size: calc(100vw / 390 * 28);
    font-weight: 700;
    color: #000000;
    letter-spacing: calc(100vw / 390 * 1);
}

.flygo-utility-bill-contact-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    cursor: pointer;
}

.flygo-utility-bill-input-hint {
    margin-top: calc(100vw / 390 * 10);
    font-size: calc(100vw / 390 * 11);
    color: #9999A4;
}

/* ============================================================
   运营位 Banner
============================================================ */
.flygo-utility-bill-promo-card {
    width: 100%;
    background-color: #FDF3F3;
    border: 1px solid #FFE5E5;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 16);
    margin-bottom: calc(100vw / 390 * 12);
}

.flygo-utility-bill-promo-icon-bg {
    width: calc(100vw / 390 * 40);
    height: calc(100vw / 390 * 40);
    background-color: #FFFFFF;
    border-radius: 50%;
    margin-right: calc(100vw / 390 * 12);
    flex-shrink: 0;
    box-shadow: 0 2px 6px rgba(253, 42, 58, 0.08);
}

.flygo-utility-bill-promo-icon {
    width: calc(100vw / 390 * 20);
    height: calc(100vw / 390 * 20);
    fill: #FD2A3A;
}

.flygo-utility-bill-promo-title {
    font-size: calc(100vw / 390 * 15);
    font-weight: 600;
    color: #000000;
    margin-bottom: calc(100vw / 390 * 4);
}

.flygo-utility-bill-promo-sub {
    font-size: calc(100vw / 390 * 12);
    color: #4F4F55;
}

.flygo-utility-bill-promo-btn {
    height: calc(100vw / 390 * 32);
    background-color: #FD2A3A;
    border-radius: calc(100vw / 390 * 28);
    padding: 0 calc(100vw / 390 * 14);
    flex-shrink: 0;
    margin-left: calc(100vw / 390 * 10);
    box-shadow: 0 2px 6px rgba(253, 42, 58, 0.2);
}

.flygo-utility-bill-promo-btn-text {
    font-size: calc(100vw / 390 * 12);
    font-weight: 500;
    color: #FFFFFF;
}

/* ============================================================
   服务分类宫格：4 列弹性网格设计
============================================================ */
.flygo-utility-bill-section-card {
    background: #FFFFFF;
    border-radius: calc(100vw / 390 * 16);
    padding: calc(100vw / 390 * 20) calc(100vw / 390 * 16) calc(100vw / 390 * 10);
    margin-bottom: calc(100vw / 390 * 10);
}

.flygo-utility-bill-section-card:last-child {
    margin-bottom: 0;
}

.flygo-utility-bill-section-header {
    margin-bottom: calc(100vw / 390 * 16);
}

.flygo-utility-bill-section-title {
    font-size: calc(100vw / 390 * 16);
    font-weight: 600;
    color: #000000;
}

.flygo-utility-bill-grid {
    width: 100%;
}

.flygo-utility-bill-grid-item {
    width: 25%; /* 严格 4 列 */
    margin-bottom: calc(100vw / 390 * 16);
    cursor: pointer;
    position: relative;
}

/* 提取自 flygo.css 的标准圆形 Icon Wrapper */
.flygo-utility-bill-icon-wrap {
    width: calc(100vw / 390 * 44);
    height: calc(100vw / 390 * 44);
    border-radius: 50%;
    margin-bottom: calc(100vw / 390 * 8);
    position: relative;
}

/* Flygo 官方经典色系底色 */
.flygo-utility-bill-bg-light-red { background: #FEF2F2; }
.flygo-utility-bill-bg-light-orange { background: #FFF7ED; }
.flygo-utility-bill-bg-light-blue { background: #EFF6FF; }
.flygo-utility-bill-bg-light-green { background: #F0FDF4; }
.flygo-utility-bill-bg-light-purple { background: #FAF5FF; }

.flygo-utility-bill-icon-img {
    width: calc(100vw / 390 * 22);
    height: calc(100vw / 390 * 22);
    object-fit: contain;
}

/* Flygo 规范小红点 / 角标 */
.flygo-utility-bill-badge {
    position: absolute;
    top: calc(100vw / 390 * -10);
    right: calc(100vw / 390 * -10);
    background: #FD2A3A;
    border: 2px solid #FFFFFF;
    color: #FFFFFF;
    font-family: 'Arial', sans-serif;
    font-size: calc(100vw / 390 * 9);
    font-weight: 600;
    padding: calc(100vw / 390 * 1) calc(100vw / 390 * 4);
    border-radius: calc(100vw / 390 * 10);
    z-index: 5;
}

.flygo-utility-bill-item-name {
    font-size: calc(100vw / 390 * 12);
    color: #4F4F55;
    font-weight: 400;
    text-align: center;
    width: 100%;
}