/* index.css - 首页样式 */
body {
    background: #f7f7f7;
}

/* Banner 文字样式 */
.banner-text-overlay {
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
    display: flex;
    align-items: center;
    gap: 22px;
}

.styles_slide__3_Vky .container {
    height: 480px;
    position: relative;
}

.styles_slide__3_Vky .slide-1 p:last-child {
    margin-top: 0.885vw;
    text-align: left;
}

.banner-title-main {
    font-size: 6.771vw;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.banner-title-column {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.banner-title-sub {
    font-size: 4.583vw;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1;
    text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.3);
}

.banner-desc {
    font-size: 1.042vw;
    color: #FFFFFF;
    font-weight: normal;
    margin-top: 0.521vw;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3);
}

.banner-desc .highlight {
    color: #FF6100;
    font-weight: bold;
}

/* 桌面端显示桌面 Banner，隐藏移动 Banner */
.banner-desktop {
    display: block;
}

.banner-mobile {
    display: none;
}

/* 响应式 Banner 文字 */
@media (max-width: 1080px) {

    /* 防止水平滚动 */
    body {
        overflow-x: hidden;
    }

    /* 移动端隐藏桌面 Banner，显示移动 Banner */
    .banner-desktop {
        display: none !important;
    }

    .banner-mobile {
        display: block !important;
    }

    /* Banner 容器 - 移动端 */
    /* 使用 padding-bottom hack 兼容旧版Chrome (不支持 aspect-ratio) */
    .banner-mobile.styles_slide__3_Vky {
        width: 100% !important;
        height: 0 !important;
        padding-bottom: 51.48% !important;
        /* 556/1080 = 51.48% */
        position: relative !important;
        overflow: hidden !important;
    }

    .banner-mobile .swiper-wrapper {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }

    .banner-mobile .swiper-slide {
        width: 100% !important;
        height: 100% !important;
        background-size: 100% 100% !important;
        background-position: center !important;
        background-repeat: no-repeat !important;
    }

    .banner-mobile .container {
        width: 100% !important;
        height: 100% !important;
        position: absolute !important;
        top: 0 !important;
        left: 0 !important;
    }

    /* Banner 文字覆盖层 - 左对齐，垂直居中 */
    .banner-mobile .banner-text-overlay {
        display: flex !important;
        flex-direction: column;
        align-items: flex-start;
        justify-content: center;
        padding-left: 4vw;
        gap: 2vw;
        position: absolute;
        left: 0;
        top: 50%;
        bottom: 0;
        z-index: 10;
    }

    .banner-title-main {
        font-size: calc(6.296vw * var(--mobile-font-scale-lg, 1));
        line-height: 1.1;
    }

    .banner-title-column {
        display: flex;
        flex-direction: column;
        gap: 1vw;
    }

    .banner-title-sub {
        font-size: calc(6.296vw * var(--mobile-font-scale-lg, 1));
        line-height: 1.2;
        font-weight: normal;
    }

    .banner-desc {
        font-size: calc(3vw * var(--mobile-font-scale, 1));
        margin-top: 1vw;
        line-height: 1.4;
    }

    .banner-desc .highlight {
        font-size: calc(3.5vw * var(--mobile-font-scale, 1));
    }
}

.styles_news_list__1Nmq2.active {
    display: block;
}

.styles_news_list__1Nmq2 {
    display: none;
}

/* Why Choose FOCA Section */
.why-choose-section {
    background: linear-gradient(to top, #f55f00 35%, #f7f7f7 35%);
    width: 100%;
    padding: 4.635vw 0 2.76vw 0;
    display: flex;
    justify-content: center;
    align-items: center;
    position: relative;
}

.why-choose-container {
    max-width: 1200px;
    width: 100%;
    padding: 0 20px;
    text-align: center;
}

.why-choose-description {
    margin-bottom: 4.792vw;
}

.why-choose-description h3 {
    font-size: 2.188vw;
    color: #141414;
    margin: 0;
    font-weight: bold;
}

.why-choose-swiper {
    position: relative;
    margin-bottom: 40px;
    padding: 0 5.208vw;
}

.swiper-container {
    width: 100%;
    overflow: hidden;
    position: static;
}

.why-swiper-wrapper {
    justify-content: center;
    align-items: center;
}

.why-slide {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
}

.step-description {
    display: flex;
    flex-direction: column;
}

.phone-step {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.667vw;
}

.phone-step img {
    width: 14.792vw;
    height: 30.208vw;
    object-fit: contain;
    /*border-radius: 36px;*/
}

.step-description span {
    font-size: 0.95vw;
    color: #FFFFFF;
    margin: 0;
    width: 12vw;
    display: flex;
    justify-content: flex-start;
    text-align: left;
}

.swiper-button-prev,
.swiper-button-next {
    color: #FFFFFF;
    background: #FF6601;
    width: 3.75vw;
    height: 3.75vw;
    border-radius: 50%;
    top: 50%;
    box-shadow: 0 4px 24px rgba(0, 0, 0, 0.08);
}

.swiper-button-prev:after,
.swiper-button-next:after {
    font-size: 32px;
    font-weight: bold;
}

.why-choose-footer {
    margin-top: 60px;
}

.footer-text {
    font-size: 0.833vw;
    color: #FFB381;
    margin: 0;
}

/* 主容器，负责背景图和布局 */
.qualification-section {
    background-image: url(/template/anto-new/assets/img/qualification-bg.webp?v=1.0.1);
    background-size: cover;
    background-position: center;
    position: relative;
    width: 100%;
    height: 35.313vw;
    /*padding: 100px 0 0 0;*/
    display: flex;
    justify-content: center;
    align-items: flex-start;
    color: white;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}

/* 内容容器，确保内容在蒙层之上 */
.content-container {
    position: relative;
    z-index: 2;
    width: 49.427vw;
    padding: 0 1.042vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    height: 100%;
}

/* 标题样式 */
.content-container h3 {
    font-size: 1.667vw;
    font-weight: bold;
    margin: 1.667vw 0 1vw 0;
}

/* 段落文字样式 */
.content-container p {
    font-size: 0.938vw;
    line-height: 2;
    margin-bottom: 2.667vw;
}

.qualification-logo-container {
    display: flex;
    justify-content: center;
    align-items: center;
}

.qualification-logo-text {
    width: 5.052vw;
    height: 5.156vw;
}

.qualification-logo {
    width: 8.542vw;
    height: 3.906vw;
}

.qualification-cert {
    width: 26.354vw;
    height: 19.271vw;
}

.download-wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    background-color: #ffffff;
    padding: 5.052vw 0 6.875vw 0;
    position: relative;
}

.download-section {
    width: 100%;
    max-width: 1400px;
}

/* Section Title: "下载专区" */
.section-title {
    text-align: center;
    font-size: 2.188vw;
    font-weight: 600;
    color: #111111;
    margin-bottom: 3.125vw;
}

/* Main layout container (2 columns) */
.main-layout {
    display: flex;
    justify-content: space-between;
}

/* Left column for content */
/* .content-column {} */

/* Right column for decorative images */
.image-column {
    display: flex;
    align-items: center;
    justify-content: center;
}

/* Tab Navigation Bar */


.tabs-header {
    font-size: 1.25vw;
    color: #333333;
    padding-bottom: 12px;
    cursor: pointer;
    position: relative;
    transition: color 0.3s ease;
    white-space: nowrap;
    font-weight: bold;
}


/* Tab Content Panes (SEO-friendly approach) */
.tab-pane {
    display: none;
    /* Hide panes by default */
}

.tab-pane.active {
    display: block;
    /* Show active pane */
}

.description {
    font-size: 0.938vw;
    color: #666666;
    line-height: 1.8;
    margin-bottom: 2.5vw;
    width: 36.458vw;
    height: 5.729vw;
    margin-top: 3.646vw;
}

.download-details {
    display: flex;
    align-items: center;
    gap: 1.823vw;
    max-width: 40.625vw;
}

.qr-group {
    display: flex;
    gap: 2.396vw;
}

.qr-item {
    text-align: center;
    justify-content: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}

.qr-item img {
    width: 7.604vw;
    height: 7.604vw;
    display: block;
}

/* PC下载二维码 - 自定义尺寸 */
.qr-item:nth-child(3) img {
    width: 8.073vw;
    height: 6.25vw;
    margin-top: 0.677vw;
    /* 高度差的一半，让图片垂直居中 */
    margin-bottom: 0.677vw;
    /* (7.604 - 6.25) / 2 = 0.677vw */
}

.download-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    text-decoration: none;
    color: #fff;
    padding: 0.521vw 0.625vw;
    margin-top: 0.781vw;
    border-radius: 0.313vw;
    font-size: 0.729vw;
    width: 7.656vw;
    height: 2.181vw;
    border: none;
    cursor: pointer;
    box-sizing: border-box;
    transition: opacity 0.3s;
    gap: 0.521vw;
    background-color: #FF6601;
}

.download-button:hover {
    opacity: 0.9;
}

.download-button svg {
    width: 20px;
    height: 20px;
    margin-right: 8px;
}

.icon-android_down,
.icon-ios_down {
    display: none !important;
}

.icon-android_down {
    width: 1.146vw;
    height: 1.25vw;
}

.icon-ios_down {
    width: 1.25vw;
    height: 1.458vw;
}

.note {
    font-size: 0.833vw;
    color: #999999;
    line-height: 1.8;
    max-width: 380px;
    margin-top: 1.198vw;
}

.note .highlight {
    color: #d9251d;
}

/* Phone Mockups styling */
.phone-mockups {
    display: flex;
    align-items: center;
    position: relative;
}

.phone-mockup {
    width: 12.708vw;
    height: auto;
}

.phone-mockup:nth-child(2) {
    margin-left: 20px;
    /* Overlap effect */
}

.promo-prize {
    position: absolute;
    width: 559px;
    height: auto;
    left: 18vw;
    bottom: 5vw;
}

.section4 {
    width: 1400px !important;
    max-width: 1400px;
}

.news-title {
    color: #111111;
    font-size: 2.188vw;
    font-weight: bold;
    display: flex;
    align-items: center;
    position: relative;
    text-align: center;
    justify-content: center;
    margin-bottom: 10px;
}

.news-wrapper {
    width: 100%;
    padding-right: 1.615vw;
}

.news-sub-title {
    margin-bottom: 1.563vw;
    font-size: 1.25vw;
    color: #666666;
}

.news_row {
    display: flex;
    justify-content: space-between;
    /* 保持不变 */
    flex-wrap: wrap;
    width: 100%;
    max-width: 1400px;

}

.news_item {
    flex-basis: 24%;
    margin-bottom: 4px;
}

.news_row::after {
    content: "";
    flex-basis: 49.5%;
}

.news_item:nth-child(5),
.news_item:nth-child(6),
.news_item:nth-child(7),
.news_item:nth-child(8) {
    margin-top: 28px;
}

.news_item_details b {
    margin-top: 10px;
    display: -webkit-box !important;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: normal;
    max-width: 14.323vw;
}

.news_item:hover .news_item_details button {
    background-color: #EEEEEE;
    color: #ff6100;
}


.news_item img {
    min-width: 17.188vw;
    width: 17.188vw;
    height: 11.458vw;
}

.news_item_details {
    display: flex;
    flex-direction: column;
}

.news_item_details b {
    font-size: 0.85vw;
    color: #666666;
    display: flex;
    flex-direction: column;
    font-weight: normal;
}

.news_item_details span {
    margin-top: 1.042vw;
    font-size: 0.85vw;
    color: #999999;
}

.news_item_details button {
    margin-top: 1.719vw;
    color: #FFFFFF;
    font-size: 0.625vw;
    width: 5.729vw;
    height: 1.667vw;
    background-color: #AEAEAE;
    border: none;
    cursor: pointer;
}

.news-date-mb {
    display: none;
}

.styles_news__mcU1F {
    padding: 3.75vw 0;
    background-color: #FFFFFF;
}

.styles_wrapper__2F9aj {
    height: 100%;
}

.more-link {
    display: flex;
    justify-content: center;
    align-content: center;
    cursor: pointer;
    margin-top: 3.75vw;
}

.more-link button {
    width: 11.458vw;
    height: 3.125vw;
    background-color: #EEEEEE;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    border: none;
    cursor: pointer;
    font-size: 0.938vw;
    color: #666666;
    border-radius: 8px;
}

.academy_content {
    width: 100%;
}

.events-header-view-more,
.calendar-header-view-more,
.news-header-view-more {
    color: #999999;
    font-size: 0.833vw;
    position: relative;
    display: flex;
    align-items: center;
    padding-right: 0.833vw;
}

.news-header-view-more {
    display: none;
}

/* 财经日历查看更多按钮 - 桌面端隐藏 */
.calendar-more-link {
    display: none;
}

.news-date-mb,
.learnm-btn {
    display: none;
}

.common-container {
    max-width: 1400px;
    margin: auto;
    position: relative;
    top: -81px;
}

.section3 {
    background: #F7F7F7;
    /*padding: 116px 0;*/
}

.section3 .common-container {
    display: flex;
    top: 0px;
    position: relative;
    padding: 3.542vw 0 4.323vw 0;
}

.section3 .tabs-container {
    background: #fff;
    padding: 1.667vw 2.135vw 1.094vw 2.5vw;
}

.section3 .tabs-list {
    display: flex;
    font-size: 1.25vw;
    color: #333333;
    font-weight: bold;
    padding-bottom: 1.354vw;
    border-bottom: 1px solid #DCDCDC;
    gap: 3.125vw;
}

.section3 .tabs-list .tab {
    cursor: pointer;
    position: relative;
}

.section3 .tabs-list .tab:nth-child(1) {
    cursor: text;
}

.section3 .tabs-list .tab.active::after {
    content: '';
    position: absolute;
    bottom: -1.563vw;
    left: 0;
    right: 0;
    border: 2px solid #FF6100;
}

.section3 .tab-content {
    display: none;
    padding: 1.042vw;
    border-top: none;
}

.section3 .tab-content.active {
    display: block;
}

.section3 .statistics-container .details {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 8px;
}

.indicator-item {
    display: flex;
    align-items: center;
}

.indicator-item .label {
    margin-right: 16px;
}

.indicator-item:nth-child(4) .label {
    margin-right: 29.5px;
}

.tabs-container {
    flex: 1;
}

.indicator-item .up {
    color: #19bc38;
    /* 绿色 - 涨 */
}

.indicator-item .down {
    color: #d00;
    /* 红色 - 跌 */
}

.chart-container {
    position: relative;
    margin-top: 1.563vw;
}

.chart-container .button-group {
    display: flex;
    justify-content: right;
}

.chart-container .button-group .button {
    padding: 0.417vw 0.833vw;
    border: none;
    background-color: #f5f5f5;
    color: #333;
    cursor: pointer;
}

.chart-container .button-group .button.active {
    background-color: #f9a82e;
    color: #fff;
}

.chart-container .button-group .button:hover {
    background-color: #ddd;
}

.chart-container .button-group .button:not(:last-child) {
    border-right: 1px solid #e0e0e0;
}

/* K线图容器 */
.chart-container .chart {
    position: relative;
    height: 15.625vw;
    margin-top: 0.781vw;
}

.chart-container .chart canvas {
    width: 100% !important;
    height: 100% !important;
}

.loading-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 255, 255, 0.8);
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 10;
}

.loading-overlay .loading-indicator,
.loading-overlay .error-indicator {
    font-size: 16px;
    color: #333;
}

.loading-overlay .error-indicator {
    color: red;
}

/* 可选：添加加载动画 */
.loading-indicator::before {
    content: '';
    border: 4px solid #f3f3f3;
    border-top: 4px solid #3498db;
    border-radius: 50%;
    width: 24px;
    height: 24px;
    animation: spin 1s linear infinite;
    margin-right: 8px;
}

@keyframes spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}


.chart-header {
    display: flex;
    font-size: 0.729vw;
    color: #C0C0C0;
    justify-content: space-between;
    align-items: center;
}

.chart-header .symbol {
    font-size: 1.25vw;
    font-weight: bold;
    color: #333;
    padding-right: 0.521vw;
}

.calendar-container {
    margin-left: 0.833vw;
    min-width: 21.563vw;
    max-width: 21.563vw;
    display: flex;
    flex-direction: column;
}

.calendar-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 0.521vw;
    background: #FFFFFF;
    padding: 1.25vw 1.146vw;
}

.calendar-list {
    flex-grow: 1;
}

.styles_calender_list__lwLZ4 {
    border: none;
    width: 100%;
    margin-top: 0px;
    display: flex;
    flex-direction: column;
    height: 100%;
}

.styles_calender_item__17cQC {
    /*padding: 10px 0px;*/
    margin-left: 0;
    margin-bottom: 0.521vw;
    flex: 1;
}

.styles_calender_item__17cQC:last-child {
    margin-bottom: 0px;
}

.styles_calender_item__17cQC strong {
    color: #333;
    font-size: 0.938vw;
}

.styles_calender_item__17cQC::before,
.styles_calender_item__17cQC::after {
    content: none;
}

.styles_calender_item__17cQC:not(:first-child) {
    margin-top: 0px;
}

.mobile-chart,
.desktop-chart {
    visibility: visible;
    position: static;
    width: 100%;
    height: auto;
}

/* 隐藏桌面端 */
.mobile-chart {
    visibility: hidden;
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
}

.calendar-header-title {
    color: #333333;
    font-size: 1.25vw;
    font-weight: bold;
    display: inline-block;
    position: relative;
    padding-left: 0.625vw;
    margin-bottom: 0.833vw;
}

.calendar-header-title {
    margin-bottom: 0;
}

/*.styles_tabs_head__3iUAT .tabs-head-item.active:before,*/

.calendar-header-title::before {
    content: '';
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.194vw;
    height: 1.108vw;
    background: #FF6100;
}

.card-title {
    color: #2E1701;
    font-size: 18px;
    font-weight: bold;
    margin-top: 15px;
    position: relative;
    padding-bottom: 10px;
}

.card-title::after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 175.63px;
    height: 1px;
    background-color: rgba(210, 210, 210, .4);
}

.card-title-wide::after {
    width: 265.94px;
}

/* news comment center */
.news-comment-center {
    justify-content: center;
}

/* ========================================
   内联样式转换为类
   ======================================== */

/* 活动专区 - promo-wrapper */
.promo-wrapper {
    display: flex;
    width: 100%;
    font-family: Arial, 'Microsoft YaHei', sans-serif;
    height: 16.146vw;
}

/* 左侧活动专区容器 */
.promo-left {
    flex: 3;
    display: flex;
    align-items: center;
    flex-direction: column;
    background: #FFFFFF;
    padding: 20px 10px;
    position: relative;
}

.promo-left::after {
    content: '';
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    width: 0.052vw;
    height: 11.667vw;
    background: #E5E5E5;
}

.promo-left-title {
    color: #333333;
    font-size: 1.25vw;
    font-weight: bold;
    margin: 0 0 1.615vw 0;
    text-align: center;
}

.promo-cards-container {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 1.302vw;
    max-width: 800px;
}

/* 活动卡片基础样式 */
.promo-card {
    background: #FFF6E4;
    border: 1px solid #FF6601;
    border-radius: 0.833vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    padding: 0 0.521vw;
    box-sizing: border-box;
}

.promo-card-small {
    width: 10.593vw;
    height: 7.873vw;
}

.promo-card-large {
    width: 16.169vw;
    height: 7.873vw;
    position: relative;
}

.promo-card-title {
    color: #2E1701;
    font-size: 0.938vw;
    font-weight: bold;
    margin-top: 0.781vw;
}

.promo-card-amount {
    color: #FF6601;
    font-size: 2.083vw;
    font-family: 'Oswald', sans-serif;
    font-weight: bold;
    margin-top: -5px;
}

.promo-card-amount-container {
    display: flex;
    align-items: baseline;
    gap: 5px;
}

.promo-card-amount-container-relative {
    display: flex;
    align-items: baseline;
    gap: 5px;
    position: relative;
}

.promo-card-plus {
    color: #FF6601;
    font-size: 1.25vw;
    font-weight: bold;
}

.promo-card-label {
    color: #3D2000;
    font-size: 0.729vw;
}

.promo-card-label-spacing {
    color: #3D2000;
    font-size: 0.729vw;
    font-weight: 400;
}

.promo-card-badge {
    background: #1B1B1B;
    color: #FFFFFF;
    font-size: 0.833vw;
    padding: 0.208vw 1.042vw;
    border-radius: 0.784vw;
    margin-top: 0.25vw;
    font-weight: bold;
}

.promo-card-side-label {
    position: absolute;
    left: -1.302vw;
    top: 0.104vw;
    writing-mode: vertical-lr;
    color: #3E2006;
    font-size: 0.729vw;
    padding: 0.104vw 0.208vw;
    border-radius: 0.208vw;
}

/* 右侧下载区域 */
.promo-right {
    flex: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background: #FFFFFF;
    padding: 1.042vw;
    gap: 1.563vw;
}

.promo-right-content {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 0.781vw;
}

.promo-right-title {
    color: #333333;
    font-size: 1.25vw;
    font-weight: bold;
    margin: 0 0 0.521vw 0;
    white-space: nowrap;
    text-align: center;
}

.promo-btn-primary,
.promo-btn-secondary {
    display: block;
    width: 100%;
    text-decoration: none;
    text-align: center;
    padding: 0.625vw 1.042vw;
    border-radius: 0.313vw;
    font-size: 1.042vw;
    cursor: pointer;
    white-space: nowrap;
    font-weight: 500;
    box-sizing: border-box;
    transition: all 0.2s;
}

.promo-btn-primary {
    background: #FF6100;
    color: #ffffff;
    border: none;
    box-shadow: 0 2px 4px rgba(255, 107, 53, 0.3);
    width: 12.135vw;
    height: 2.5vw;
    justify-content: center !important;
    padding-left: 0;
    padding-right: 0 !important;
    margin-right: 0 !important;
}

.promo-btn-primary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
    color: #ffffff;
}

.promo-btn-secondary {
    background-color: #FF6100;
    color: #ffffff;
    border: 0.104vw solid #ffffff;
    width: 12.135vw;
    height: 2.5vw;
    justify-content: center !important;
    padding-left: 0;
}

.promo-btn-secondary:hover {
    transform: translateY(-2px);
    box-shadow: 0 4px 8px rgba(255, 107, 53, 0.4);
    color: #ffffff;
}

.promo-qr-container {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 0.417vw;
}

.promo-qr-image {
    width: 10.781vw;
    height: 10.781vw;
    border: 0.156vw solid #ffffff;
    border-radius: 0.417vw;
    background-color: #ffffff;
    padding: 0.26vw;
}

.promo-qr-text {
    color: #999999;
    font-size: 0.833vw;
    opacity: 0.8;
    text-align: center;
}

/* 为什么选择我们 - 副标题 */
.strength-subtitle {
    color: #666666;
    font-size: 1.25vw;
    margin-bottom: 4.479vw;
}

@media(min-width:1081px) and (max-width:1280px) {

    .download-section,
    .common-container,
    .section4 {
        max-width: 960px;
    }
}

@media(min-width:1281px) and (max-width:1536px) {

    .download-section,
    .common-container,
    .section4 {
        max-width: 1200px;
    }
}

/* ========================================
   响应式样式 - 移动端
   ======================================== */

@media(max-width: 1080px) {

    .events-header-title,
    .calendar-header-title {
        font-size: calc(5vw * var(--mobile-font-scale-lg, 1));
    }

    .styles_tabs_head__3iUAT {
        padding-bottom: 0px;
    }

    .styles_calender_item__17cQC {
        margin: 0vw 0px;
        background-color: #FFFFFF;
        /*padding: 6vw;*/
    }

    .calendar-list .styles_calender_list__lwLZ4 .styles_calender_item__17cQC {
        padding: 4vw 6vw 4vw 6vw;
        margin: 1.5vw 0px;
    }

    .calendar-list .styles_calender_list__lwLZ4 .styles_calender_item__17cQC:nth-child(1) {
        margin: 0vw 0px 1.5vw 0px;
    }

    .common-container {
        margin: 0 4vw;
    }

    .desktop-chart {
        visibility: hidden;
        position: absolute;
        width: 0;
        height: 0;
        overflow: hidden;
    }

    /* 显示桌面端 */
    .mobile-chart {
        visibility: visible;
        position: static;
        width: 100%;
        height: auto;
        margin: 0;
    }

    .mq-chart {
        padding: unset !important;
    }

    .section3 {
        padding: 0 0 0 0;
    }

    .section3 .common-container {
        flex-direction: column;
    }

    .section3 .tabs-container {
        padding: 4vw;
        margin-top: 8vw;
        border-top-left-radius: 5vw;
        border-top-right-radius: 5vw;
    }

    .section3 .tabs-list {
        padding-bottom: 3vw;
        font-size: calc(5vw * var(--mobile-font-scale-lg, 1));
        display: flex;
        justify-content: space-between;
    }

    .section3 .tabs-list .tab+.tab {
        margin-left: 0px;
    }

    .section3 .tabs-list .tab.active::after {
        bottom: -3.8vw;
        border-width: 0.5vw;
    }

    .section3 .statistics-container .details {
        grid-template-columns: repeat(2, 1fr);
        gap: 2vw;
    }

    .chart-header .symbol {
        font-size: calc(4.5vw * var(--mobile-font-scale-lg, 1));
    }

    .section3 .tab-content {
        padding: 6vw 0;
    }

    .chart-container .button-group {
        display: flex;
        justify-content: space-between;
        /* 使按钮在手机端紧凑排列 */
        gap: 4px;
        margin-bottom: 5px;
    }

    .chart-container .button-group .button {
        flex: 1;
        padding: 6px 10px;
        /* 缩小按钮内边距以适应手机屏幕 */
        font-size: calc(1.296vw * var(--mobile-font-scale, 1));
        /* 减小字体以适应按钮大小 (14px/1080*100=1.296vw) */
        border: none;
        background-color: transparent;
        /* 移除默认背景 */
        color: #333;
        cursor: pointer;
        white-space: nowrap;
        /* 禁止按钮内容换行 */
    }

    .chart-container .button-group .button.active {
        background-color: #f9a82e;
        color: #fff;
        border-radius: 2px;
        /* 给选中的按钮添加轻微的圆角 */
    }

    .chart-container .button-group .button:hover {
        background-color: #ddd;
    }

    .chart-container .button-group .button:not(:last-child) {
        border-right: none;
        /* 移除按钮之间的边框 */
    }

    .calendar-container {
        margin-left: 0;
        width: 100%;
        margin-top: 4vw;
        min-width: unset;
    }

    .calendar-header {
        padding: 4vw 0vw 0vw 0vw;
        margin-bottom: 0px;
        background-color: transparent;
    }

    .container,
    .common-container {
        max-width: 1200px;
    }

    .news-date-mb,
    .learnm-btn {
        display: block;
    }

    .news-header-view-more {
        display: none;
    }

    /* 查看更多按钮 - 移动端样式（参考 view-more-btn-m） */
    .more-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 11.111vw;
        background: #FF6100;
        text-decoration: none;
    }

    .more-link button {
        width: auto;
        height: auto;
        background: transparent;
        color: #FFFFFF;
        font-size: calc(3.35vw * var(--mobile-font-scale, 1));
        border: none;
        padding: 0;
        border-radius: 0;
    }

    .section4 {
        width: 100% !important;
        max-width: 100% !important;
        background: #f7f7f7;
        padding: 6.019vw 4vw 7.407vw 4vw;
    }

    .news-title {
        font-size: calc(5vw * var(--mobile-font-scale-lg, 1));
    }

    .news-title {
        display: flex;
        align-items: center;
        font-size: calc(3.815vw * var(--mobile-font-scale-lg, 1));
        font-weight: bold;
        color: var(--mq-text-primary);
        margin-right: 24px;
        white-space: nowrap;
        width: 30%;
        margin-bottom: unset;
    }

    .news-title::after {
        content: '';
        position: absolute;
        left: 0;
        top: 50%;
        transform: translateY(-50%);
        width: 3.72px;
        height: 21.28px;
        background: #FF6100;
    }

    .news-title-container {
        justify-content: flex-start;
        width: 100%;

    }

    .news-title-wrapper {
        width: 100%;
        display: flex;
        justify-content: space-between;
        align-items: center;
        margin-bottom: 4vw;
    }

    .news-sub-title {
        display: none;
    }

    .news-header-view-more {
        display: none;
    }

    .news-container {
        padding-right: 0px;
        border-right: none;
    }

    .news_row {
        display: flex;
        flex-direction: column;
        gap: 2vw;
        margin: 0;
        min-width: unset;
        max-width: unset;
    }

    /* ========================================
       市场动态 - 移动端适配
       ======================================== */
    .news_item img {
        width: 40.926vw !important;
        height: 27.315vw !important;
        min-width: 28vw;
        object-fit: cover;
        /* border-radius: 1.5vw; */
        flex-shrink: 0;
    }

    .news_item_first {
        margin-top: 0px;
    }

    .news_item {
        width: 100% !important;
        display: flex;
        flex-direction: row;
        align-items: stretch;
        height: auto;
        min-height: 28vw;
        padding: 3vw;
        background: #fff;
        overflow: hidden;
        border: 1px solid #f0f0f0;
        /* border-radius: 2vw; */
        box-sizing: border-box;
    }

    .news_item_details {
        margin-left: 4.259vw;
        padding: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-start;
        flex: 1;
        min-width: 0;
        overflow: hidden;
    }

    .news_item_details b {
        font-size: calc(2.593vw * var(--mobile-font-scale, 1));
        font-weight: bold;
        display: -webkit-box !important;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: normal;
        margin-top: 0.75vw;
        margin-bottom: 1.759vw;
        line-height: 1.4;
        color: #333;
        max-width: 100%;
    }

    .news-date {
        display: none !important;
    }

    .news-date-mb {
        display: block !important;
        font-size: calc(2.8vw * var(--mobile-font-scale, 1));
        color: #999;
        margin-top: auto;
    }

    .news_item_details span {
        font-size: calc(2.037vw * var(--mobile-font-scale, 1));
        color: #898989;
        line-height: 1.2;
        margin-top: 0;
    }

    .news_item_details button.learnm-btn {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 22.314vw;
        height: 6.198vw;
        font-size: calc(2.325vw * var(--mobile-font-scale-lg, 1));
        background: #AEAEAE;
        color: #FFFFFF;
        border: none;
        margin-top: 2.667vw;
    }

    /* 移动端移除第5-8个 news_item 的 margin-top */
    .news_item:nth-child(5),
    .news_item:nth-child(6),
    .news_item:nth-child(7),
    .news_item:nth-child(8) {
        margin-top: 0;
    }

    /* ========================================
       新手专区 (Why Choose) - 移动端适配
       ======================================== */
    .why-choose-section {
        background: #FFFFFF;
        padding: 9.259vw 0 5.926vw 0;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .why-choose-container {
        padding: 0 4vw;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
        overflow: hidden;
    }

    .why-choose-description {
        margin-bottom: 10vw;
    }

    .why-choose-description h3 {
        font-size: calc(4.444vw * var(--mobile-font-scale-lg, 1));
        font-weight: bold;
        color: #111111;
    }

    .why-choose-swiper {
        padding: 0;
        margin-bottom: 0;
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        box-sizing: border-box;
    }

    .why-choose-swiper .swiper-container {
        width: 100% !important;
        max-width: 100% !important;
        height: auto;
        min-height: 55vw;
        overflow: hidden;
        box-sizing: border-box;
    }

    .why-choose-swiper .swiper-wrapper {
        width: 100%;
        max-width: 100%;
    }

    /* 让 Swiper 控制 slide 宽度，同时显示3个手机 */
    .why-choose-swiper .swiper-slide {
        flex-shrink: 0;
        box-sizing: border-box;
    }

    .phone-step {
        gap: 1.5vw;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .phone-step img {
        width: 100%;
        height: auto;
        max-height: 38vw;
        object-fit: contain;
    }

    .step-description {
        align-items: center;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .step-description span {
        font-size: calc(2.593vw * var(--mobile-font-scale, 1));
        text-align: left;
        width: auto;
        max-width: 100%;
        display: block;
        line-height: 1.4;
        color: #666666;
        margin-top: 2.778vw;
    }

    .swiper-button-next,
    .swiper-button-prev {
        display: none;
    }

    .why-choose-footer {
        margin-top: 5.556vw;
        width: 100%;
        max-width: 100%;
        box-sizing: border-box;
    }

    .footer-text {
        font-size: calc(2.5vw * var(--mobile-font-scale, 1));
        padding: 0 4vw;
        word-wrap: break-word;
        overflow-wrap: break-word;
    }

    /* ========================================
       下载专区 - 移动端适配
       布局顺序：标题 -> 描述 -> 手机图片 -> 下载按钮
       ======================================== */
    .download-wrapper {
        padding: 8vw 0;
        background-color: #f7f7f7;
    }

    .download-section {
        padding: 0 4vw;
    }

    .download-section .section-title {
        font-size: calc(5vw * var(--mobile-font-scale-lg, 1));
        margin-bottom: 4vw;
    }

    /* 主布局使用 flex column + order 调整顺序 */
    .download-section .main-layout {
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    /* 使用 display: contents 让容器"消失"，子元素直接参与 main-layout 的 flex */
    .download-section .content-column {
        display: contents;
    }

    .download-section .tabs-content {
        display: contents;
    }

    /* 描述文字 - order: 1 */
    .download-section .tab-pane {
        order: 1;
        width: 100%;
    }

    .download-section .description {
        font-size: calc(3.5vw * var(--mobile-font-scale-lg, 1));
        line-height: 1.6;
        margin-top: 0;
        margin-bottom: 0;
        height: auto;
        width: 100%;
    }

    /* 下载按钮区域 - order: 3（在手机图片之后） */
    .download-details {
        order: 3;
        justify-content: center;
        max-width: 100%;
        margin-top: 6vw;
    }

    .qr-group {
        flex-direction: row;
        flex-wrap: nowrap;
        /* justify-content: center; */
        width: 100%;
        gap: 4vw;
    }

    /* 隐藏所有二维码图片 */
    .download-section .qr-item>img {
        display: none !important;
    }

    /* 隐藏 PC 下载按钮的整个 qr-item（第三个） */
    .download-section .qr-item:nth-child(3) {
        display: none !important;
    }

    .download-section .qr-item {
        display: flex;
        flex: 1;
        flex-direction: column;
        align-items: center;
    }

    /* 交换第一个和第二个 qr-item 的顺序 */
    .download-section .qr-item:nth-child(1) {
        order: 2;
    }

    .download-section .qr-item:nth-child(2) {
        order: 1;
    }

    /* Android 按钮样式（交换后变成第二个） */
    .download-section .download-button.android {
        background-color: #FFFFFF;
        border: 1px solid #FF6100;
        color: #FF6100;
    }

    .download-section .download-button.android .icon-android_down {
        filter: brightness(0) saturate(100%) invert(45%) sepia(98%) saturate(1500%) hue-rotate(360deg) brightness(100%) contrast(105%);
    }

    .download-section .download-button {
        padding: 3vw 6vw;
        font-size: calc(3.5vw * var(--mobile-font-scale-lg, 1));
        width: 100%;
        height: auto;
        margin-top: 0;
        border-radius: 1.5vw;
        gap: 2.222vw;
    }

    .download-section .download-button .icon-android_down,
    .download-section .download-button .icon-ios_down {
        display: inline-block !important;
        width: 3.889vw !important;
        height: auto !important;
    }

    /* 手机图片列 - order: 2（在描述之后） */
    .image-column {
        width: 100%;
        display: flex;
        justify-content: center;
        position: static;
        order: 2;
        margin: 6vw 0;
    }

    .download-section .phone-mockups {
        gap: 2vw;
        justify-content: center;
    }

    .download-section .phone-mockup {
        width: 35vw;
        height: auto;
    }

    /* 隐藏 note */
    .note {
        display: none !important;
    }

    /* ========================================
       券商资质 - 移动端适配
       ======================================== */
    .qualification-section {
        background-image: url(/template/anto-new/assets/img/qualification-bg-m.webp) !important;
        background-size: cover;
        background-position: center;
        height: auto;
        min-height: auto;
        padding: 8vw 4vw;
        display: flex;
        justify-content: center;
        align-items: center;
        overflow: hidden;
        box-sizing: border-box;
        height: 112.7225vw;
    }

    .qualification-section .content-container {
        width: 100% !important;
        max-width: 100%;
        gap: 3vw;
        padding: 0;
        box-sizing: border-box;
    }

    .qualification-section .content-container h3 {
        font-size: calc(4.444vw * var(--mobile-font-scale-lg, 1));
        margin: 0;
        margin-bottom: 5vw;
    }

    .qualification-section .content-container p {
        font-size: calc(2.593vw * var(--mobile-font-scale, 1));
        line-height: 1.6;
        word-break: break-word;
        text-align: left;
        margin-bottom: 5vw;
    }

    .qualification-logo-container {
        position: relative;
        width: 60.185vw;
        height: 100%;
    }

    .qualification-cert {
        width: 60.185vw;
        height: 43.981vw;
        position: absolute;
        bottom: -1.75vw;
    }

    /* ========================================
       公告栏 - 移动端适配（修复高度重叠问题）
       ======================================== */
    .styles_noticebar__3IBmm {
        height: auto !important;
        min-height: auto !important;
        position: relative !important;
        margin-top: 0 !important;
        left: auto !important;
        transform: none !important;
        max-width: 100% !important;
        background: transparent !important;
    }

    .styles_noticebar__3IBmm>.container {
        height: auto;
        min-height: auto;
        padding: 0;
    }

    /* ========================================
       公告栏 - 移动端隐藏
       ======================================== */
    .styles_noticebar__3IBmm>.container#notice_container {
        display: none !important;
    }

    /* ========================================
       活动专区 - 移动端显示
       ======================================== */
    .promo-wrapper {
        display: block !important;
        height: auto !important;
        padding: 5.556vw 0 6.296vw 0;
        background: #FFFFFF;
    }

    .promo-left {
        flex: none;
        width: 100%;
        background: transparent;
        padding: 0;
    }

    .promo-left::after {
        display: none;
    }

    .promo-left-title {
        font-size: calc(4.444vw * var(--mobile-font-scale-lg, 1));
        color: #333333;
        margin-bottom: 5.556vw;
    }

    .promo-cards-container {
        gap: 2vw;
        max-width: 100%;
        flex-wrap: nowrap;
    }

    .promo-card {
        border-radius: 2vw;
        padding: 0.5vw 1.5vw 0vw 1.5vw;
        flex-shrink: 0;
    }

    .promo-card-small {
        width: 25.008vw;
        height: 18.577vw;
    }

    .promo-card-large {
        width: 38.189vw;
        height: 18.577vw;
    }

    .promo-card-title {
        font-size: calc(2.222vw * var(--mobile-font-scale, 1));
        margin-top: 0;
        position: relative;
        padding-bottom: 0.5vw;
    }

    .promo-card-title::after {
        content: '';
        position: absolute;
        bottom: 0;
        left: 50%;
        transform: translateX(-50%);
        width: 21.62vw;
        height: 0.093vw;
        background: #D2D2D2;
    }

    .promo-card-large .promo-card-title::after {
        width: 32.741vw;
    }

    .promo-card-amount {
        font-size: calc(4.815vw * var(--mobile-font-scale-ori, 1));
        margin-top: 0;
    }

    .promo-card-amount-container {
        gap: 1vw;
    }

    .promo-card-amount-container .promo-card-amount {
        font-size: calc(4.5vw * var(--mobile-font-scale-ori, 1));
    }

    .promo-card-amount-container-relative {
        gap: 1vw;
    }

    .promo-card-amount-container-relative .promo-card-amount {
        font-size: calc(4vw * var(--mobile-font-scale--ori, 1));
    }

    .promo-card-plus {
        font-size: calc(4.924vw * var(--mobile-font-scale-ori, 1));
    }

    .promo-card-label,
    .promo-card-label-spacing {
        font-size: calc(1.667vw * var(--mobile-font-scale-lg, 1));
        font-weight: 500;
    }

    .promo-card-badge {
        font-size: calc(2.222vw * var(--mobile-font-scale-lg, 1));
        border-radius: 2vw;
        width: 17.297vw;
        height: 4.444vw;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .promo-card-side-label {
        font-size: calc(2vw * var(--mobile-font-scale-lg, 1));
        left: -3.926vw;
        top: 1vw;
        height: 100%;
    }

    /* 隐藏下载区域 */
    .promo-right {
        display: none !important;
    }

    /* ========================================
       为什么选择 (Strength) - 移动端适配
       ======================================== */
    .styles_strength__3q-zI {
        padding: 7.685vw 0vw 7.963vw 4vw;
    }

    .styles_strength__3q-zI .container {
        padding: 0 4vw;
    }

    .strength_wrapper {
        padding: 0;
    }

    .styles_strength__3q-zI .page-title {
        font-size: calc(4.444vw * var(--mobile-font-scale-lg, 1));
        margin-bottom: 2.222vw;
        text-align: center;
    }

    .strength-subtitle {
        font-size: calc(2.222vw * var(--mobile-font-scale, 1));
        margin-bottom: 6.111vw;
        color: #666;
    }

    /* 卡片项 */
    .styles_item__W3-GX {
        width: 48.8vw;
        height: 59.388vw;
        margin: 2vw 0;
        border-radius: 1vw;
    }

    .styles_item__W3-GX>div {
        height: 30.133vw;
    }

    .styles_item__W3-GX .item-body {
        padding: 6.4vw 3.467vw 6.933vw 3.467vw !important;
        height: max-content !important;
    }

    .styles_item__W3-GX p {
        font-size: calc(1.852vw * var(--mobile-font-scale-med, 1));
        line-height: 1.5;
    }

    .styles_item__W3-GX p:first-of-type {
        font-size: calc(1.852vw * var(--mobile-font-scale-med, 1));
        margin-bottom: 2.13vw;
    }

    .styles_item__W3-GX p:first-of-type strong {
        font-size: calc(2.963vw * var(--mobile-font-scale-med, 1));
        color: #333333;
    }

    .styles_tips__3kp74 {
        font-size: calc(3.5vw * var(--mobile-font-scale, 1));
        margin-top: 3.519vw;
    }

    .styles_tips__3kp74 a {
        color: #FF6601;
        font-size: calc(2.222vw * var(--mobile-font-scale, 1));
        font-weight: 100;
    }

    .styles_tips__3kp74 i {
        display: none;
        font-size: calc(3vw * var(--mobile-font-scale, 1));
        margin-left: 1vw;
    }

    .styles_bar__1imxE .product-info h3 {
        font-size: calc(3.889vw * var(--mobile-font-scale-lg, 1));
    }

    /* ========================================
       财经日历 - 移动端适配
       ======================================== */
    .calendar-container {
        margin-left: 0;
        width: 100%;
        min-width: unset;
        max-width: unset;
        margin-top: 0;
    }

    .calendar-header {
        padding: 6.852vw 0 5.093vw 0;
        margin-bottom: 0;
        /* background-color: #FFFFFF; */
        /* border-radius: 2vw 2vw 0 0; */
    }

    .calendar-header-title {
        font-size: calc(4.5vw * var(--mobile-font-scale-lg, 1));
        padding-left: 3.5vw;
        margin-bottom: 0;
    }

    .calendar-header-title h3 {
        font-size: calc(4.5vw * var(--mobile-font-scale-lg, 1));
        margin: 0;
    }

    .calendar-header-title::before {
        width: 1vw;
        height: 4.5vw;
    }

    .calendar-header-view-more {
        display: none;
    }

    /* 财经日历查看更多按钮 - 移动端样式 */
    .calendar-more-link {
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100%;
        height: 11.111vw;
        background: #FF6100;
        text-decoration: none;
        margin-top: 5.648vw;
    }

    .calendar-more-link button {
        width: auto;
        height: auto;
        background: transparent;
        color: #FFFFFF;
        font-size: calc(3.35vw * var(--mobile-font-scale, 1));
        border: none;
        padding: 0;
    }

    .calendar-list {
        background: transparent;
    }

    .styles_calender_list__lwLZ4 {
        gap: 2vw;
        margin-top: 0;
    }

    .calendar-list .styles_calender_list__lwLZ4 .styles_calender_item__17cQC {
        padding: 4vw;
        margin: 0 0 2vw 0;
        /* border-radius: 2vw; */
        background: #FFFFFF;
    }

    .calendar-list .styles_calender_list__lwLZ4 .styles_calender_item__17cQC:nth-child(1) {
        margin: 0 0 2vw 0;
    }

    .calendar-list .styles_calender_list__lwLZ4 .styles_calender_item__17cQC:last-child {
        margin-bottom: 0;
    }

    /* 日期行 */
    .styles_calender_item__17cQC p {
        font-size: calc(3vw * var(--mobile-font-scale, 1));
        color: #999;
        display: flex;
        align-items: center;
        flex-wrap: wrap;
    }

    .styles_calender_item__17cQC p b {
        margin-left: 2vw;
        padding: 0.5vw 2vw;
        border-radius: 1vw;
        font-size: calc(2.5vw * var(--mobile-font-scale, 1));
    }

    /* 标题行 */
    .styles_calender_item__17cQC h3 {
        margin: 2vw 0;
    }

    .styles_calender_item__17cQC strong {
        font-size: calc(3.889vw * var(--mobile-font-scale-lg, 1));
        color: #333;
        line-height: 1.4;
    }

    /* 数据行 - 实际值、预期值、前值 */
    .styles_calender_item__17cQC>div {
        display: flex;
        flex-wrap: wrap;
        gap: 2vw;
        margin-top: 2vw;
    }

    .styles_calender_item__17cQC>div span {
        font-size: calc(3vw * var(--mobile-font-scale, 1));
        color: #666;
        white-space: nowrap;
    }

    .styles_calender_item__17cQC>div span b {
        font-weight: bold;
    }

    .styles_news__mcU1F {
        padding: unset;
    }
}