*  {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family:
    "Microsoft YaHei",
    "微软雅黑",
    "PingFang SC",
    "苹方-简",
    "Hiragino Sans GB",
    "冬青黑体简体中文",
    "WenQuanYi Micro Hei",
    "文泉驿微米黑",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;

}

/* 为所有页面设置默认白色背景 */
html,
body {
    background-color: #ffffff !important;
    /* 强制保持浅色模式，防止深色模式自动反转 */
    color-scheme: light only;
    forced-color-adjust: none;
}

/* 强制深色模式下仍保持白色背景 */
@media (prefers-color-scheme: dark) {
    html,
    body {
        background-color: #ffffff !important;
        color-scheme: light only !important;
        forced-color-adjust: none !important;
    }
}

/* 防止浏览器强制颜色模式影响 */
@media (forced-colors: active) {
    html,
    body {
        background-color: #ffffff !important;
        forced-color-adjust: none !important;
    }
}
/* 为繁体中文环境设置正确的标点符号定位 */ :lang(zh-TW)  {
    font-feature-settings: "locl";
    text-align: justify;
    text-justify: inter-ideograph;
    font-family:
    "Microsoft JhengHei",
    "微软正黑體",
    "PingFang TC",
    "苹方-繁",
    "Hiragino Sans TC",
    "冬青黑体繁体中文",
    "Apple LiGothic",
    "儷黑 Pro",
    "LiHei Pro",
    "Helvetica Neue",
    Helvetica,
    Arial,
    sans-serif;

}
/* Safari专用字体优化 */ @media screen and (-webkit-min-device-pixel-ratio:0)   {

    /* Safari浏览器简体中文黑体字体优化 */ * {
        font-family:
        "PingFang SC",
        "苹方-简",
        "Hiragino Sans GB",
        "冬青黑体简体中文",
        "Microsoft YaHei",
        "微软雅黑",
        "WenQuanYi Micro Hei",
        "文泉驿微米黑",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;
    }

    /* Safari浏览器繁体中文特定选择器 */ :lang(zh-TW)  {
        letter-spacing: 0.05em;
        font-family:
        "PingFang TC",
        "苹方-繁",
        "Hiragino Sans TC",
        "冬青黑体繁体中文",
        "Apple LiGothic",
        "儷黑 Pro",
        "LiHei Pro",
        "Microsoft JhengHei",
        "微软正黑體",
        "Helvetica Neue",
        Helvetica,
        Arial,
        sans-serif;

    }
    /* 标点符号字符替换 */ :lang(zh-TW) .punct-fix-needed  {
        position: relative;

    }
    /* 针对特定标点符号的样式 - 逗号 */ :lang(zh-TW) .comma-fix::after  {
        content: "，";
        display: inline-block;
        position: relative;
        left: -0.1em;

    }
    :lang(zh-TW) .comma-fix  {
        color: transparent;
        display: inline-block;

    }
    /* 句号 */ :lang(zh-TW) .period-fix::after  {
        content: "。";
        display: inline-block;
        position: relative;
        left: -0.1em;

    }
    :lang(zh-TW) .period-fix  {
        color: transparent;
        display: inline-block;

    }
    /* 分号 */ :lang(zh-TW) .semicolon-fix::after  {
        content: "；";
        display: inline-block;
        position: relative;
        left: -0.1em;

    }
    :lang(zh-TW) .semicolon-fix  {
        color: transparent;
        display: inline-block;

    }
    /* 冒号 */ :lang(zh-TW) .colon-fix::after  {
        content: "：";
        display: inline-block;
        position: relative;
        left: -0.1em;

    }
    :lang(zh-TW) .colon-fix  {
        color: transparent;
        display: inline-block;

    }
    /* 问号 */ :lang(zh-TW) .question-fix::after  {
        content: "？";
        display: inline-block;
        position: relative;
        left: -0.1em;

    }
    :lang(zh-TW) .question-fix  {
        color: transparent;
        display: inline-block;

    }
    /* 感叹号 */ :lang(zh-TW) .exclamation-fix::after  {
        content: "！";
        display: inline-block;
        position: relative;
        left: -0.1em;

    }
    :lang(zh-TW) .exclamation-fix  {
        color: transparent;
        display: inline-block;

    }

}
/* 移除 input 默认样式 */ input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration  {
    display: none;

}
/* 移除 input number 的上下箭头 */ input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button  {
    -webkit-appearance: none;
    margin: 0;

}
.vie-loading,
.no-data  {
    width: 100%;
    padding: calc(80 * 100vw / 1920);
    color: #9E9E9E;
    font-weight: 700;
    font-size: calc(24* 100vw / 1920);
    text-align: center;

}
.overflow-ellipsis  {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;

}
.multiline-ellipsis-2  {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    overflow: hidden;

}
.multiline-ellipsis-3  {
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    overflow: hidden;

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

}
.vie-title-box .sub-title  {
    position: relative;
    font-size: calc(18 * 100vw / 1920);
    font-weight: 600;
    line-height: calc(22 * 100vw / 1920);
    text-transform: uppercase;
    letter-spacing: 0em;
    font-variation-settings: "opsz" auto;
    color: #5C5D95;

}
.vie-title-box .sub-title::before  {
    content: '';
    position: absolute;
    left: calc(-23 * 100vw / 1920);
    top: calc(6 * 100vw / 1920);
    width: calc(9 * 100vw / 1920);
    height: calc(9 * 100vw / 1920);
    background-color: #5C5D95;
    border-radius: 50%;

}
.vie-title-box .main-title-wrap  {
    margin-top: calc(10 * 100vw / 1920);
    display: flex;
    align-items: center;

}
.main-title-wrap .main-title  {
    /* width: calc(689 * 100vw / 1920);
    height: calc(137 * 100vw / 1920);
    */ font-size: calc(50 * 100vw / 1920);
    font-weight: bold;
    line-height: 136%;
    letter-spacing: 0em;
    background: linear-gradient(90deg, #A9CEF9 0%, #4179EB 71%, #7B86E1 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    text-align: left;

}
.main-title-wrap .title-right  {
    margin-left: calc(50 * 100vw / 1920);
    flex: 1;
    overflow: hidden;

}