/* 移动端基础样式框架 */

/* 移动设备 (小于750px) */ @media screen and (max-width: 750px)   {

    /* 移动端强制白色背景，防止深色模式影响 */
    html,
    body {
        background-color: #ffffff !important;
        color-scheme: light only !important;
        forced-color-adjust: none !important;
        /* 限制字体大小范围，防止在某些设备上过大 */
        font-size: min(calc(24 * 100vw / 750), 32px);
    }
    
    /* 标题样式调整 */ .main-title  {
        font-size: calc(36 * 100vw / 750) ;

    }
  
    /* 段落文本调整 */ p  {
        font-size: calc(14 * 100vw / 750);
        line-height: 1.5;

    }
    /* 通用布局调整 */ .flex-container  {
        flex-direction: column;

    }
    /* 按钮样式调整 */ .btn  {
        padding: calc(8 * 100vw / 750) calc(15 * 100vw / 750);
        font-size: calc(14 * 100vw / 750);

    }

 
    .tab-box .tab-item  {
        width: calc(200* 100vw / 750);
        font-size: calc(26* 100vw / 750);

    }
    .tab-box .tab-item::after  {
        width: calc(130* 100vw / 750);
        height: calc(7* 100vw / 750);
        border-radius: calc(336* 100vw / 750);

    }
    .tab-content  {
        max-width: 100%;
        width: 100%;

    }
    .vie-loading,
    .no-data  {
        padding: calc(80 * 100vw / 750);
        font-size: calc(24* 100vw / 750);

    }
    .vie-title-box  {
        padding: calc(100 * 100vw / 750) 0;

    }
    .vie-title-box .sub-title  {
        font-size: calc(18 * 100vw / 750);
        line-height: calc(22 * 100vw / 750);

    }
    .vie-title-box .sub-title::before  {
        left: calc(-23 * 100vw / 750);
        top: calc(6 * 100vw / 750);
        width: calc(9 * 100vw / 750);
        height: calc(9 * 100vw / 750);

    }
    .vie-title-box .main-title-wrap  {
        margin-top: calc(10 * 100vw / 750);

    }
    .main-title-wrap .main-title  {
        font-size: calc(50 * 100vw / 750);

    }
    .main-title-wrap .title-right  {
        margin-left: calc(50 * 100vw / 750);

    }

}

/* 移动设备深色模式下强制保持白色背景 */
@media screen and (max-width: 750px) and (prefers-color-scheme: dark) {
    html,
    body {
        background-color: #ffffff !important;
        color-scheme: light only !important;
        forced-color-adjust: none !important;
    }
}