/* ======================================= */
/* 手机站基础样式 (base.css) */
/* ======================================= */

/* 1. 重置与盒模型
----------------------------------- */
* {
    /* 让元素的宽度和高度包含内边距和边框，极大方便布局 */
    box-sizing: border-box; /* 移动端布局利器 [citation:2] */
    -webkit-tap-highlight-color: transparent; /* 移除移动端点击时的灰色半透明遮罩 */
}

html, body {
    width: 100%;
    /* 禁止手动调整字体大小，防止在横屏等情况下自动放大 */
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    margin: 0;
    padding: 0;
}
body {
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    /* 移动端正文基础字号建议设为16px，避免浏览器自动缩放 */
    font-size: 16px;
    color: #333;
    background-color: #fff;
}

/* 2. 排版元素重置 */
h1, h2, h3, h4, h5, h6, p, figure, blockquote, dl, dd {
    margin: 0;
    padding: 0;
}

/* 3. 表单元素统一样式 */
input, textarea, select, button {
    font: inherit; /* 继承body的字体设置 */
    border: none; /* 去掉默认边框，开发者自己定义 */
    outline: none; /* 去掉默认的轮廓线，但需注意无障碍访问 */
    background: none;
}

button {
    cursor: pointer;
}

/* 4. 列表样式 */
ul, ol {
    margin: 0;
    padding: 0;
    list-style: none;
}

/* 5. 链接样式 */
a {
    text-decoration: none;
    color: inherit; /* 继承父级颜色，方便统一控制 */
}

/* 6. 高频工具类 (utility classes) */
/* 清除浮动 */
.clearfix::after {
    content: "";
    display: table;
    clear: both;
}

/* 单行文本溢出省略号 */
.ellipsis {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

/* 多行文本溢出省略号 (适用于移动端) */
.ellipsis-2 {
    display: -webkit-box;
    overflow: hidden;
    -webkit-line-clamp: 2; /* 显示2行 */
    -webkit-box-orient: vertical;
}

/* 隐藏元素 */
.hidden {
    display: none !important;
}

* {
    box-sizing: border-box;
}

@font-face {
    font-family: 'Inter-Regular';
    src: url('/static/fonts/Inter-Regular.woff2') format('woff2');
    font-style: normal; font-weight: 400; font-display: swap;
}

@font-face {
    font-family: 'Inter-SemiBold';
    src: url('/static/fonts/Inter-SemiBold.woff2') format('woff2');
    font-style: normal; font-weight: 600; font-display: swap;
}
@font-face {
    font-family: 'Inter-SemiBoldItalic';
    src: url('/static/fonts/Inter-SemiBoldItalic.woff2') format('woff2');
    font-style: italic; font-weight: 600; font-display: swap;
}

@font-face {
    font-family: 'Inter-Medium';
    src: url('/static/fonts/Inter-Medium.woff2') format('woff2');
    font-style: normal; font-weight: 500; font-display: swap;
}
@font-face {
    font-family: 'Inter-MediumItalic';
    src: url('/static/fonts/Inter-MediumItalic.woff2') format('woff2');
    font-style: italic; font-weight: 500; font-display: swap;
}

@font-face {
    font-family: 'Inter-Bold';
    src: url('/static/fonts/Inter-Bold.woff2') format('woff2');
    font-style: normal; font-weight: 700; font-display: swap;
}

@font-face {
    font-family: 'Inter-Light';
    src: url('/static/fonts/Inter-Light.woff2') format('woff2');
    font-style: normal; font-weight: 300; font-display: swap;
}
/* 容器：限制最大宽度，让大屏内容更舒适 */
.container {
    width: 100%;
    max-width: 640px; /* 常见移动端设计宽度 */
    margin: 0 auto;
    padding: 0 0px; /* 左右安全内边距 */
    box-sizing: border-box;
}
.padding-lr-32 {
    padding:0px calc(32 / 750 * 100vw);
}
.margin-lr-32 {
    margin:0px calc(32 / 750 * 100vw);
}
.single-ellipsis {
    overflow: hidden; /* 隐藏超出部分 */
    white-space: nowrap; /* 强制文本不换行 */
    text-overflow: ellipsis; /* 用省略号表示被截断的文本 */
}

.flex-space-between {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.header {
    /*
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9999;
    */
    width: 100%;
    height: calc(144 / 750 * 100vw);
    background-image: url('/static/images/wap/header.png');
    background-size: 100% calc(144 / 750 * 100vw);
    background-repeat: no-repeat;
    background-position: center;
}
.header .logo {
    width: calc(153 / 750 * 100vw);
    height: calc(68 / 750 * 100vw);
}
.header .logo img {
    width: 100%;
    height: 100%;
}
.header .menus .project {
    width: calc(140 / 750 * 100vw);
    height: calc(58 / 750 * 100vw);
    background: #0F87FF;
    border-radius: calc(80 / 750 * 100vw);
    font-family: 'Inter-SemiBold';
    font-weight: bold;
    font-size: calc(20 / 750 * 100vw);
    color: #FFFFFF;
    line-height: calc(58 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}

.header .menus .icon {
    width: calc(80 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
}
.header .menus .icon img {
    width: 100%;
    height: 100%;
}

.popup { 
    display: none; 
    position: fixed;
    background: rgba(255,255,255,0.81);
    border-radius: 0px 0px 0px 0px;
    width: 100%; 
    z-index:9999; 
    height: 100%; 
    top:calc(144 / 750 * 100vw);
    padding: calc(43 / 750 * 100vw) calc(32 / 750 * 100vw) 0;
}

.popup .navs .nav-item{
    font-family: 'Inter-Regular';
    font-weight: bold;
    font-size: calc(28 / 750 * 100vw);
    color: #333333;
    line-height: calc(108 / 750 * 100vw);
    height: calc(108 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
    border-bottom: 1px solid #8A8B91;
}
.popup .lang .selectTitle{
    display: flex;
    justify-content: space-between;
    align-items: center;
    height: calc(108 / 750 * 100vw);
    border-bottom: 1px solid #8A8B91;
}
.popup .lang .selectTitle .lang-text {
     font-family: 'Inter-Regular';
    font-weight: bold;
    font-size: calc(28 / 750 * 100vw);
    color: #333333;
    line-height: calc(108 / 750 * 100vw);
    height: calc(108 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
.popup .lang .selectTitle .lang-icon {
    height: calc(40 / 750 * 100vw);
    width: calc(40 / 750 * 100vw);
    background-image: url(/static/images/wap/xiangxiajiantou.png);
    background-size: calc(40 / 750 * 100vw) calc(40 / 750 * 100vw);
    background-repeat: no-repeat;
    background-position: center;
}
.popup .lang .selectLabels {

}
.popup .lang .selectLabels .label-text{
    font-family: 'Inter-Regular';
    font-weight: bold;
    font-size: calc(28 / 750 * 100vw);
    color: #333333;
    height: calc(90 / 750 * 100vw);
    line-height: calc(90 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
    border-bottom: 1px solid #8A8B91;
    text-indent: calc(60 / 750 * 100vw);
}
.popup .lang .selectLabels .active {
    color:#0F87FF;
}
.popup .project {
    margin-top: calc(59 / 750 * 100vw);
    background: #0F87FF;
    border-radius: calc(100 / 750 * 100vw);
    height: calc(76 / 750 * 100vw);
    font-family: 'Inter-SemiBold';
    font-weight: bold;
    font-size: calc(28 / 750 * 100vw);
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    line-height: calc(76 / 750 * 100vw);
}
.top {
    background: #fff; 
    /*
    padding-top: calc(144 / 750 * 100vw);
    */
}
.top .top-bg {
    background-image: url('/static/images/wap/top-cn.webp');
    background-size: cover;
    background-repeat: no-repeat;
    background-position: top center;
    height:calc(1334 / 750 * 100vw);
    padding-top: calc(685 / 750 * 100vw);
}

.top .btns {
    justify-content: center;
    gap:calc(24 / 750 * 100vw);
}
.top .btns .btn {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:calc(20 / 750 * 100vw);
}
.top .btns  a {
    height: calc(72 / 750 * 100vw);
    border: 1px solid #FFFFFF;
    font-family: 'Inter-SemiBold';
    font-weight: normal;
    font-size: calc(24 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
    line-height: calc(72 / 750 * 100vw);
    padding: 0 calc(36 / 750 * 100vw);
    cursor: pointer;
    border-radius: calc(100 / 750 * 100vw);
    display: block;
    color: #fff;
}
.top .btns a:hover {
    background: #0055FE;
    border-color: #0055FE;
    height: calc(72 / 750 * 100vw);
}

.top .btns  .btn-project {
    border: 1px solid #0F87FF;
    color: #fff;
    background: #0F87FF;;
   
}
.top .btns .btn-project .blue .icon {
     background-image: url("/static/images/wap/bt-r.png");
}
.top .btns  .btn-project:hover {
    color: #fff;
     background: #006AFF;
}
.top .btns  .btn-project:hover .icon {
    background-image: url("/static/images/wap/bt-r.png");
}

.top .btns .btn .icon {
    width: calc(24 / 750 * 100vw);;
    height: calc(24 / 750 * 100vw);;
    background-image: url("/static/images/wap/bt-r.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


#about {
    background-image: url("/static/images/wap/about-bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: bottom center;
    padding: calc(92 / 750 * 100vw) calc(30 / 750 * 100vw) calc(74 / 750 * 100vw) calc(32 / 750 * 100vw);
}
#about .brands {
    display: flex;
    justify-content: center;
    align-items: center;
    gap:calc(21 / 750 * 100vw);
} 
#about .brands .brand {
    height: calc(32 / 750 * 100vw);
}
#about .brands .brand img{
    height: 100%;
}
#about .brands .text{
   font-family: 'Inter-Light';
    font-weight: 300;
    font-size: calc(24 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(24 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
} 
#about .title {
    margin-top: calc(63 / 750 * 100vw);
    height: calc(60 / 750 * 100vw);
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(60 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(60 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#about .title span {
    color:#0F87FF;
}

#about .subTitle {
    margin-top: calc(37 / 750 * 100vw);
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: calc(28 / 750 * 100vw);
    color: #1B1F24;
    height: calc(28 / 750 * 100vw);
    line-height: calc(28 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#about .subTitle span {
    color:#0F87FF;
}

#about .desc {
    margin-top: calc(27 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(20 / 750 * 100vw);
    color: #8A8B91;
    height: calc(20 / 750 * 100vw);
    line-height: calc(20 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#about .date {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0px auto;
    margin-top: calc(63 / 750 * 100vw);

}
#about .date .line {
    width: calc(132 / 750 * 100vw);
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(15, 135, 255, 0), rgba(15, 135, 255, 1)) 1 1;
}
#about .date .line-r {
   width: calc(132 / 750 * 100vw);
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(15, 135, 255, 1), rgba(15, 135, 255, 0)) 1 1;
}

#about .date .dot {
    width: calc(8 / 750 * 100vw);
    height: calc(8 / 750 * 100vw);
    background: #0F87FF;
    border-radius: calc(2 / 750 * 100vw);
    margin-left: calc(-15 / 750 * 100vw);
}
#about .date .dot-r {
    width: calc(8 / 750 * 100vw);
    height: calc(8 / 750 * 100vw);
    background: #0F87FF;
    border-radius: calc(4 / 750 * 100vw);
    margin-right: calc(-15 / 750 * 100vw);
}
#about .date .icon {
    width: calc(28 / 750 * 100vw);
    height: calc(28 / 750 * 100vw);
    background-image: url(/static/images/wap/calendar-minus@2x.png);
    background-size: 100%;
    background-position: center;
    background-repeat: no-repeat;
}
#about .date .text {
    width: calc(300 / 750 * 100vw);
    font-family: 'Inter-Medium';
    font-weight: bold;
    font-size: calc(24 / 750 * 100vw);
    color: #1B1F24;

    text-align: center;
    font-style: normal;
    text-transform: none;
}
#about .blocks {
    margin-top: calc(52 / 750 * 100vw);

}
#about .blocks .block{
    background: rgba(255,255,255,0.4);
    border-radius: calc(16 / 750 * 100vw);
    border: 1px solid rgba(15,135,255,0.18);
    padding: calc(34 / 750 * 100vw) calc(44 / 750 * 100vw);
    gap: calc(20 / 750 * 100vw);
}
#about .blocks .block:not(:first-child) {
    margin-top: calc(27 / 750 * 100vw);
}
#about .blocks .block .block-tag {
    font-family: 'Inter-SemiBold';
    font-weight: bold;
    font-size: calc(20 / 750 * 100vw);
    color: #0F87FF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#about .blocks .block .block-title {
    margin-top: calc(32 / 750 * 100vw);
    font-family: 'Inter-SemiBold';
    font-weight: normal;
    font-size: calc(32 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(32 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#about .blocks .block .block-line {
    margin-top: calc(24 / 750 * 100vw);
    width: calc(45 / 750 * 100vw);
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid #0F87FF;
}
#about .blocks .block .block-desc {
    margin-top: calc(24 / 750 * 100vw);
    font-family: 'Inter-Light';
    font-weight: 300;
    font-size: calc(16 / 750 * 100vw);
    color: #5E5E5E;
    line-height: calc(28 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
    height: calc(56 / 750 * 100vw);
}
#about .blocks .block-left {
    flex: 1;
}
#about .blocks .block-right {
    width: calc(160 / 750 * 100vw);
    height: calc(160 / 750 * 100vw);
}
#about .blocks .block-right img {
    width: 100%;
    height: 100%;
}

#about .group_btns {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: calc(12 / 750 * 100vw);
    margin-top: calc(41 / 750 * 100vw);
}

#about .group_btns .btn {
    

    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: calc(20 / 750 * 100vw);
    cursor: pointer;
}
#about .group_btns a {
    display: block;
    padding:0px calc(36 / 750 * 100vw);
    height: calc(72 / 750 * 100vw);
    border-radius: calc(80 / 750 * 100vw);
    border: 1px solid #0F87FF;
    font-family: Inter, Inter;
    font-weight: normal;
    font-size: calc(24 / 750 * 100vw);
    color: #0F87FF;
    text-align: center;
    line-height: calc(72 / 750 * 100vw);
    cursor: pointer;
}
#about .group_btns a:hover {
    background: #0055FE;
    border-color: #0055FE;
    color: #fff;
   
}
#about .group_btns a:hover .icon {
     background-image: url("/static/images/wap/bt-r.png");
}
#about .group_btns .btn .icon {
    width: calc(24 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
    background-image: url("/static/images/wap/bt-r-blue.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#about .group_btns .btn .icon1 {
    width: calc(24 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
    background-image: url("/static/images/wap/bt-r-blue.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}
#about .group_btns .btn-blue {
    color: #FFFFFF;
    background: #0F87FF;
}

#timeline {
    background-image: url("/static/images/wap/timeline-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding: calc(110 / 750 * 100vw) calc(32 / 750 * 100vw) calc(184 / 750 * 100vw) calc(32 / 750 * 100vw);
    align-items: normal;
}
#timeline .timeline-left {
    
}
#timeline .timeline-left .title {
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(60 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(60 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#timeline .timeline-left .title span {
    color:#0F87FF;
}

#timeline .timeline-left .desc {
    margin-top: calc(35 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(20 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(36 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#timeline .timeline-right {
    margin-top: calc(30 / 750 * 100vw);
}
#timeline .timeline-right .timeline-block {
    background: rgba(255,255,255,0.6);
    border-radius: calc(13 / 750 * 100vw);
    border: 1px solid rgba(15,135,255,0.18);
    padding: 0 calc(54 / 750 * 100vw) 0 calc(33 / 750 * 100vw);
    margin-bottom: calc(13 / 750 * 100vw);
    gap:calc(35 / 750 * 100vw);

}
#timeline .timeline-right .timeline-block .t-title {
    width: calc(99 / 750 * 100vw);
}
#timeline .timeline-right .timeline-block .t-title .main-title {
    font-family: 'Inter-SemiBold';
    font-weight: normal;
    font-size: calc(13 / 750 * 100vw);
    color: #0F87FF;
    line-height: calc(13 / 750 * 100vw)v;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#timeline .timeline-right .timeline-block .t-title .sub-title {
    margin-top: calc(22 / 750 * 100vw);
    font-family: 'Inter-SemiBold';
    font-weight: bold;
    font-size: calc(20 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(20 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#timeline .timeline-right .timeline-block .t-lines {
    
}
#timeline .timeline-right .timeline-block .t-lines .line{
    width: 0px;
    height: calc(104 / 750 * 100vw);
    border-radius: 0px 0px 0px 0px;
    border-right: 1px solid;
    opacity: 0.1;
    border-image: linear-gradient(360deg, rgba(102, 102, 102, 0), rgba(0, 0, 0, 1), rgba(102, 102, 102, 0)) 1 1;
    margin-left: 1px;
}

#timeline .timeline-right .timeline-block .t-lines .dot {
    width: calc(4 / 750 * 100vw);
    height: calc(4 / 750 * 100vw);
    background: #0F87FF;
    border-radius: calc(2 / 750 * 100vw);
    margin-bottom: calc(-13 / 750 * 100vw);
}
#timeline .timeline-right .timeline-block .t-lines .dot:not(:first-child) {
     margin-bottom: 0px;
     margin-top: calc(-13 / 750 * 100vw);
}
#timeline .timeline-right .timeline-block .records {
    flex: 1;
}
#timeline .timeline-right .timeline-block .records .record {
    height: calc(88 / 750 * 100vw);
    gap: calc(33 / 750 * 100vw);
}
#timeline .timeline-right .timeline-block .records .record-height {
    height: calc(112 / 750 * 100vw);
}
#timeline .timeline-right .timeline-block .records .record .num{
    width: calc(32 / 750 * 100vw);
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(20 / 750 * 100vw);
    color: #0F87FF;
    line-height: calc(20 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#timeline .timeline-right .timeline-block .records .record .date{
    width: calc(66 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(16 / 750 * 100vw);
    color: #5E5E5E;
    line-height: calc(16 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#timeline .timeline-right .timeline-block .records .record .process{
    font-family: 'Inter-SemiBold';
    font-weight: normal;
    font-size: calc(16 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(24 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
    flex: 1;
}
#timeline .timeline-right .timeline-block .records .record .status{
    width: calc(72 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
    border-radius: calc(999 / 750 * 100vw);
    border: calc(0.5 / 750 * 100vw) solid #B2B2B2;
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(12 / 750 * 100vw);
    color: #B2B2B2;
    line-height: calc(24 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#timeline .timeline-right .timeline-block .records .record .active {
    border: 1px solid #0F87FF;
    color:#0F87FF;
}
#timeline .timeline-right .timeline-block .records .record-line {
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border-bottom: calc(1 / 750 * 100vw) solid #000000;
    opacity: 0.1;
}


#bonus {
    padding: 0px calc(32 / 750 * 100vw) calc(61 / 750 * 100vw);
    background: #fff;
}
#bonus .title {
    padding-top: calc(102 / 750 * 100vw);
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(60 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(60 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#bonus .title span {
    color: #0F87FF;;
}
#bonus .desc {
    margin-top: calc(32 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(20 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(20 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#bonus .promotion{
    height:calc(453 / 750 * 100vw);
    background-image: url("/static/images/wap/promotion.png");
    background-position: top;
    background-size: 100% 100%;
    background-repeat: no-repeat;
    border-radius: calc(16 / 750 * 100vw);
    padding: calc(67 / 750 * 100vw) calc(24 / 750 * 100vw);
    margin-top: calc(38 / 750 * 100vw);
}

#bonus .promotion .ranking {
    font-family: 'Inter-SemiBold';
    font-weight: normal;
    font-size: calc(24 / 750 * 100vw);
    color: #0F87FF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

#bonus .promotion .jiang {
    display: flex;
    justify-content: flex-start;
    align-items: end;
    gap: calc(8 / 750 * 100vw);
    margin-top: 0px;
}
#bonus .promotion .jiang .num {
    font-family: 'Inter-SemiBoldItalic';
    font-weight: bold;
    font-size: calc(100 / 750 * 100vw);
    color: #0F87FF;

    text-align: left;
    font-style: normal;
    text-transform: none;
}
#bonus .promotion .jiang .unit {
   font-family: 'Inter-SemiBoldItalic';
    font-weight: normal;
    font-size: calc(24 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(26 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
    margin-bottom: calc(35 / 750 * 100vw);
}
#bonus .promotion .catch {
    margin-top:calc(38 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(20 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(20 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#bonus .promotion .blocks {
    margin-top: calc(32 / 750 * 100vw);
}
#bonus .promotion .blocks {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap:calc(20 / 750 * 100vw);
}

#bonus .promotion .blocks .block {
  
    width: calc(266 / 750 * 100vw);
    height: calc(80 / 750 * 100vw);
    background: rgba(255, 255, 255, 0.2);
    border-radius: calc(8 / 750 * 100vw);
    padding: calc(16 / 750 * 100vw);
    border: 1px solid transparent;
    background-clip: padding-box, border-box;
    background-origin: padding-box, border-box;
    background-image: 
    linear-gradient(rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)),
    linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 1));
    gap: calc(12 / 750 * 100vw);
}
#bonus .promotion .blocks .block .icon {
    width: calc(48 / 750 * 100vw);
    height: calc(48 / 750 * 100vw);
}
#bonus .promotion .blocks .block .icon img {
    width: 100%;
    height: 100%;
}
#bonus .promotion .blocks .block .right {
    flex: 1;
}
#bonus .promotion .blocks .block .right .amount {
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(16 / 750 * 100vw);
    color: #0F87FF;
    line-height: calc(16 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#bonus .promotion .blocks .block .right .text {
    margin-top: calc(8 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(16 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(16 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#bonus .bonus-flex {
    margin-top: calc(11 / 750 * 100vw);
}
#bonus .bonus-flex .item {
    margin-top: calc(20 / 750 * 100vw);
    min-height: calc(163 / 750 * 100vw);
    background: #FFFFFF;
    box-shadow: 0px calc(12 / 750 * 100vw) calc(24 / 750 * 100vw) calc(-20 / 750 * 100vw) rgba(78,61,255,0.04);
    border-radius: calc(16 / 750 * 100vw);
    border: 1px solid #D8E5FF;
    padding:calc(24 / 750 * 100vw);
}
#bonus .bonus-flex .item .item-title {
    margin-top: ;
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(24 / 750 * 100vw);
    color: #0F87FF;
    line-height: calc(24 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#bonus .bonus-flex .item .item-desc {
    margin-top: calc(20 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(18 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(35 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}


#idea {
 
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: calc(86 / 750 * 100vw) calc(32 / 750 * 100vw);
}

#idea .title {
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(60 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(60 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#idea .title span {
    color:#0F87FF;
}

#idea .desc {
    margin-top: calc(32 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(20 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(36 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#idea .idea-flex {
    margin-top: calc(28 / 750 * 100vw);
    gap: calc(28 / 750 * 100vw);
    align-items: end;
}
#idea .idea-flex:first-child{
    margin-top: calc(54 / 750 * 100vw);
}
#idea .idea-flex .idea-item-box {
    aspect-ratio: 328 / 406;
    flex:1;
    position: relative;
} 
#idea .idea-flex .idea-item {
    margin-top: 0px;
    aspect-ratio: 328 / 354;
    
    width: 100%;
  
    
    border-radius: calc(20 / 750 * 100vw);
    position: relative;
    padding: calc(23 / 750 * 100vw);
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100%;
    transition: aspect-ratio 1s,margin-top 1s ease;
    position: absolute;
    left: 0;
    bottom: 0;
}

#idea .idea-flex .idea-item-1 {
    background-image: url("/static/images/wap/ai-1.png");
    
}
#idea .idea-flex .idea-item-2 {
    background-image: url("/static/images/wap/ai-2.png");
}
#idea .idea-flex .idea-item-3 {
    background-image: url("/static/images/wap/ai-3.png");
}
#idea .idea-flex .idea-item-4 {
    background-image: url("/static/images/wap/ai-4.png");
}
#idea .idea-flex .idea-item-5 {
    background-image: url("/static/images/wap/ai-5.png");
}
#idea .idea-flex .idea-item-6 {
    background-image: url("/static/images/wap/ai-6.png");
}

#idea .idea-flex .idea-item .num {
    width: calc(52 / 750 * 100vw);
    height: calc(26 / 750 * 100vw);
    border-radius: calc(65 / 750 * 100vw);
    font-family: 'Inter-SemiBold';
    font-weight: normal;
    font-size: calc(14 / 750 * 100vw);
    line-height: calc(26 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
    background: rgba(255,255,255,0.2);
    color: #FFFFFF
}




#idea .idea-flex .idea-item .search {
    position: absolute;
    bottom: calc(24 / 750 * 100vw);
    left: calc(24 / 750 * 100vw);
    width: calc(280 / 750 * 100vw);
    height: calc(38 / 750 * 100vw);
    background: rgba(0,0,0,0.1);
    border-radius: calc(8 / 750 * 100vw);
    border: 1px solid #FFFFFF;
    padding: 0px calc(12 / 750 * 100vw);
    cursor: pointer;
    transition: display 1s;
}

#idea .idea-flex .idea-item .text{
    font-family: 'Inter-SemiBold';
    font-weight: bold;
    font-size: calc(18 / 750 * 100vw);
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#idea .idea-flex .idea-item .icon {
    width: calc(18 / 750 * 100vw);
    height: calc(18 / 750 * 100vw);
    background-image: url("/static/images/wap/bt-r.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}

#idea .idea-flex .idea-item .box {
    box-sizing: border-box;
    width: calc(280 / 750 * 100vw);
    height: 0px;
    position: absolute;
    bottom: calc(24 / 750 * 100vw);
    left: calc(24 / 750 * 100vw);
    background: rgba(255,255,255,0.9);
    border-radius: calc(8 / 750 * 100vw);
    border: 1px solid #FFFFF;
    padding:0px;
    transition: height 1s,padding 1s;
    overflow: hidden;
}


#idea .idea-flex .idea-item .box-title {
    font-family: 'Inter-Regular';
    font-weight: bold;
    font-size: calc(18 / 750 * 100vw);
    color: #1B1F24;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

#idea .idea-flex .idea-item .box-desc {
    
    

}
#idea .idea-flex .idea-item .box-desc p {
    font-family:'Inter-Regular';
    font-weight: 400;
    font-size: calc(18 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(23 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
    display: flex;
    justify-content: flex-start;
    gap:calc(5 / 750 * 100vw);
    align-items: top;
}
#idea .idea-flex .idea-item .box-desc .bt {
    margin-bottom: calc(12 / 750 * 100vw);
}
#idea .idea-flex .idea-item .box-desc p span {

    width: calc(3 / 750 * 100vw);
    height: calc(3 / 750 * 100vw);
    background: #8A8B91;
    border-radius: 50%;
    margin-top: calc(12 / 750 * 100vw);
}



#idea .idea-flex .long-pressed {

    aspect-ratio: 328 / 406;
    margin-top: 0px;
    
}
#idea .idea-flex .long-pressed .num{
    background: #FFFFFF;
    color: #454545;
}
#idea .idea-flex .long-pressed .search {
   display: none;
}

#idea .idea-flex .long-pressed .box {
    height: calc(210 / 750 * 100vw);
    padding: calc(20 / 750 * 100vw) calc(13 / 750 * 100vw);
}
#idea .idea-flex .long-pressed .search {
   display: none;
}




#supervisor {
     background-image: url("/static/images/wap/supervisor-bg.png");
    background-size: cover;
    background-repeat: no-repeat;
    background-position: bottom center;
    padding-bottom: calc(88 / 750 * 100vw);
    padding-top: calc(75 / 750 * 100vw);
}

#supervisor .title {
    
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(60 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(60 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#supervisor .title span {
    color: #0F87FF;
}
#supervisor .desc {
    margin-top: calc(35 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(20 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(36 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#supervisor #scroll-box {
    width: 100%; 
    margin: 0 auto;
   
    overflow: hidden;
     padding-bottom: calc(50 / 750 * 100vw);
       
}
#supervisor .images{
    margin-top: calc(101 / 750 * 100vw);
    position: relative; 
    left: 0; 
    gap: calc(28 / 750 * 100vw);
}  

#supervisor .images .carousel-item {
    width: calc(285 / 750 * 100vw);
    background: #fff;
    border-radius: calc(18 / 750 * 100vw);
    flex-shrink: 0;

  /* 1. 默认阴影：轻微、较实 */
  box-shadow: 0 calc(5 / 750 * 100vw) calc(12 / 750 * 100vw) rgba(0, 0, 0, 0.08);

  /* 2. 动画过渡：让阴影和位移产生平滑效果 */
  transition: all 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);

  /* 边框（可选，看起来像是有个极淡的边框） */
  border: 1px solid rgba(0,0,0,0.03);
    transition: transform 0.3s ease;
}
#supervisor .images .carousel-item:hover {
    transform: scale(1.2);
    z-index: 10; /* 确保放大时覆盖在相邻模块上方 */

    /* 4. 悬浮阴影：更大、更散、更淡 */
    box-shadow: 0 calc(5 / 750 * 100vw) calc(12 / 750 * 100vw) rgba(0, 0, 0, 0.12);
}

#supervisor .images .img-box {
    width: calc(275 / 750 * 100vw);
    height: calc(267 / 750 * 100vw);
    margin: calc(5 / 750 * 100vw);
}
#supervisor .images .img-box img {
    width: 100%;
    max-height: 100%;
    border-radius: calc(18 / 750 * 100vw) calc(18 / 750 * 100vw) 0 0;
    object-fit: cover;
}
#supervisor .images .bt-box{
    padding: 0px calc(26 / 750 * 100vw);
}
#supervisor .images .bt-box .bt-box-title{
    margin-top:calc(23 / 750 * 100vw);
    font-family: 'Inter-SemiBold';
    font-weight: bold;
    font-size: calc(20 / 750 * 100vw);
    color: #0F87FF;
    line-height: calc(20 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#supervisor .images .bt-box .bt-box-desc {
    margin-top: calc(12 / 750 * 100vw);
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: calc(14 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(14 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}
#supervisor .images .bt-box .desc-b {
    margin-bottom: calc(18 / 750 * 100vw);
}


#partner {
    background: #FFFFFF;
    border-radius: 0px 0px 0px 0px;
    padding: calc(121 / 750 * 100vw) 0 calc(143 / 750 * 100vw);
}

#partner .title {
    font-family: 'Inter-Bold';
    font-weight: bold;
    font-size: calc(60 / 750 * 100vw);
    color: #1B1F24;
    line-height: calc(60 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#partner .title span {
    color: #0F87FF;
}
#partner .desc {
    margin-top: calc(35 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(20 / 750 * 100vw);
    color: #8A8B91;
    line-height: calc(20 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}
#partner .label{
    margin-top: calc(28 / 750 * 100vw);
    font-family: 'Inter-Medium';
    font-weight: bold;
    font-size: calc(16 / 750 * 100vw);
    color: #0F87FF;
    line-height: calc(36 / 750 * 100vw);
    text-align: center;
    font-style: normal;
    text-transform: none;
}

#partner .logos {
    justify-content: center;
    gap:calc(8 / 750 * 100vw);
    margin-top: calc(28 / 750 * 100vw);
    align-items: center;

}
#partner .logos .logo-box {
    display: inline-block;
    width: calc(158 / 750 * 100vw);
    height: calc(60 / 750 * 100vw);
    background: #FFFFFF;
    box-shadow: 0px calc(1 / 750 * 100vw) calc(4 / 750 * 100vw) 0px rgba(219,228,248,0.56);
    border-radius: calc(4 / 750 * 100vw);

}
#partner .logos .logo-box img {
    width: 100%;
    height: 100%;
}

#partner .btn-blue {
    width: calc(260 / 750 * 100vw);
    height: calc(72 / 750 * 100vw);
    background: #0F87FF;
    border-radius: calc(100 / 750 * 100vw);
    font-family: 'Inter-Bold';
    font-weight: normal;
    font-size: calc(24 / 750 * 100vw);
    color: #FFFFFF;
    text-align: center;
    font-style: normal;
    text-transform: none;
    line-height: calc(72 / 750 * 100vw);

    margin: calc(21 / 750 * 100vw) auto 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0px calc(36 / 750 * 100vw);
    cursor: pointer;

}
#partner .btn-blue .icon {
    width: calc(24 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
    background-image: url("/static/images/wap/bt-r.png");
    background-size: 100%;
    background-repeat: no-repeat;
    background-position: center;
}


.footer {
    background: #111111;
    border-radius: 0px 0px 0px 0px;
   
    
}
.footer .ft {
    height: calc(336 / 750 * 100vw);
    background-image: url("/static/images/pc/footer-t.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    padding: calc(91 / 750 * 100vw) calc(32 / 750 * 100vw) 0;
    
}
.footer .pbox {
    align-items: end;
    gap:calc(80 / 750 * 100vw);
}
.footer .ptitle {
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: calc(24 / 750 * 100vw);;
    color: #FFFFFF;
    line-height: calc(45 / 750 * 100vw);;
    text-align: left;
    font-style: normal;
    text-transform: none;
    
}
.footer .contact {
    margin-top: calc(45 / 750 * 100vw);
}

.footer .contact .wechat{
    text-indent: calc(34 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
    background-image: url('/static/images/wap/wechat.png');
    background-size: calc(24 / 750 * 100vw) calc(24 / 750 * 100vw);
    background-position: left center;
    background-repeat: no-repeat;
}


.footer .contact{
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: calc(18 / 750 * 100vw);
    line-height: calc(24 / 750 * 100vw);
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.footer .contact  .email{
    margin-top: calc(22 / 750 * 100vw);
    text-indent: calc(34 / 750 * 100vw);
    height: calc(24 / 750 * 100vw);
    background-image: url('/static/images/wap/email.png');
    background-size: calc(24 / 750 * 100vw) calc(24 / 750 * 100vw);
    background-position: left center;
    background-repeat: no-repeat;
}
}
.footer .contact  .email a {
    color: #fff;
}

.footer  .other {
    gap: calc(20 / 750 * 100vw);;
}
.footer  .other .icon {
    width: calc(40 / 750 * 100vw);;
    height: calc(40 / 750 * 100vw);;
}
.footer  .other .icon img {
    width: 100%;
    height: 100%;
}
.footer .ft-line {
    border-radius: 0px 0px 0px 0px;
    border: 1px solid rgba(229,229,229,0.33);
    margin-top: calc(46 / 750 * 100vw);;
}
.footer .bt {
    padding: 0 calc(32 / 750 * 100vw);;
    height: calc(158 / 750 * 100vw);;
  
    background-image: url("/static/images/pc/footer-b.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100%;
    border-top: 1px solid rgba(229,229,229,0.33);
    
}

.footer .bt .text{
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: calc(20 / 750 * 100vw);
    color: #FFFFFF;
    text-align: left;
    font-style: normal;
    text-transform: none;

}
.footer .bt .bt-l {
    margin-top: calc(32 / 750 * 100vw);
}
.footer .bt .bt-r {
    margin-top: calc(25 / 750 * 100vw);
    text-decoration: underline;
}



/* 跑马灯容器 */
.marquee-wrapper {
    margin: 0;
    overflow: hidden;
}

/* 通用跑马灯样式 */
.marquee {
    overflow: hidden;
    position: relative;
    padding: calc(20 / 750 * 100vw) 0;
}

/* 渐变遮罩 */
/* 2️⃣ 完善你已写好的伪元素遮罩（关键代码） */
.marquee::before,
.marquee::after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    width: calc(150 / 750 * 100vw); /* 渐隐区域宽度，可按需调整 */
    z-index: 2;
    pointer-events: none; /* 不阻挡鼠标点击 */
}

/* 左侧：从实色 → 透明 */
.marquee::before {
    left: 0;
    background: linear-gradient(to right, #ffffff 0%, rgba(255,255,255,0) 100%);
}

/* 右侧：从透明 → 实色 */
.marquee::after {
    right: 0;
    background: linear-gradient(to left, #ffffff 0%, rgba(255,255,255,0) 100%);
}


/* 滚动轨道 */
.marquee-track {
    display: inline-block;
    white-space: nowrap;
    font-size: calc(24 / 750 * 100vw);
    font-weight: bold;
     

}

/* 向左滚动动画 */
.marquee-left .marquee-track {
    animation: scrollLeft 15s linear infinite;
}

/* 向右滚动动画 */
.marquee-right .marquee-track {
    animation: scrollRight 15s linear infinite;
}

/* 不同速度变体 */
.speed-fast .marquee-track {
    animation-duration: 15s;
}

.speed-slow .marquee-track {
    animation-duration: 45s;
}

/* 向左滚动关键帧 */
@keyframes scrollLeft {
    0% {
        transform: translateX(0);
    }
    100% {
        transform: translateX(-25%);
    }
}

/* 向右滚动关键帧 */
@keyframes scrollRight {
    0% {
        transform: translateX(-25%);
    }
    100% {
        transform: translateX(0);
    }
}


/* ----- 弹窗相关样式 (覆盖层 + 弹窗容器) ----- */
/* 覆盖层 (overlay) - 半透明黑色背景，覆盖整个视口 */
.modal-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.65);
    backdrop-filter: blur(5px); /* 轻微背景模糊，提升层次感 */
    z-index: 1000;
    display: flex;
    align-items: center;
    justify-content: center;
    visibility: hidden;     /* 默认隐藏，配合透明度和过渡实现平滑显示/隐藏 */
    opacity: 0;
    transition: visibility 0.25s ease, opacity 0.25s ease;
}

/* 当弹窗处于激活状态时，显示覆盖层 */
.modal-overlay.active {
    visibility: visible;
    opacity: 1;
}

/* 弹窗主体 - 卡片风格，圆润现代 */
.modal-container {
    width: calc(576 / 750 * 100vw);
    
    background: #FFFFFF;
    border-radius: calc(23 / 750 * 100vw);
    overflow: hidden;
    transform: scale(0.96);
    transition: transform 0.25s cubic-bezier(0.2, 0.95, 0.4, 1.05);
    opacity: 0;
    /* 弹窗内部内容稍后定义 */
}

/* 当覆盖层激活时，弹窗优雅放大显现 */
.modal-overlay.active .modal-container {
    transform: scale(1);
    opacity: 1;
}

/* 弹窗头部：标题 + 关闭按钮区域 */
.modal-header {
    height: calc(305 / 750 * 100vw);
    background-image: url("/static/images/wap/layer-bg.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative;
}


/* 关闭按钮 - 圆形 X 样式，交互反馈 */
.close-btn {
    position: absolute;
    top: calc(33 / 750 * 100vw);
    right: calc(23 / 750 * 100vw);
    border: none;
    width: calc(44 / 750 * 100vw);
    height: calc(44 / 750 * 100vw);
    background: rgba(255,255,255,0.7);
    border-radius: calc(44 / 750 * 100vw);
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    transition: all 0.2s ease;
    color: #131313;
    font-size: calc(22 / 750 * 100vw);
    font-weight: bold;
    line-height: 1;
}

.close-btn:hover {
    transform: rotate(90deg);
}

.close-btn:active {
    transform: rotate(90deg) scale(0.96);
}

/* 弹窗主体内容区域 */
.modal-body {
    padding: 0 calc(36 / 750 * 100vw) calc(40 / 750 * 100vw);
    background-image: url("/static/images/wap/layer-body.png");
    background-position: top center;
    background-size: cover;
    background-repeat: no-repeat;
   
}
.modal-body .modal-title {
    display: flex;
    justify-content: space-around;
    align-items: center;
    margin: 0px auto;
    margin-top: calc(22 / 750 * 100vw);
}
.modal-body .modal-title .line {
    width: calc(179 / 750 * 100vw);
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(15, 135, 255, 0), rgba(15, 135, 255, 1)) 1 1;
}
.modal-body .modal-title .line-r {
   width: calc(179 / 750 * 100vw);
    height: 0px;
    border-radius: 0px 0px 0px 0px;
    border: 1px solid;
    border-image: linear-gradient(90deg, rgba(15, 135, 255, 1), rgba(15, 135, 255, 0)) 1 1;
}

.modal-body .modal-title .dot {
    width: calc(5 / 750 * 100vw);
    height: calc(5 / 750 * 100vw);
    background: #0F87FF;
    border-radius: calc(4 / 750 * 100vw);
    margin-left: calc(-24 / 750 * 100vw);
}
.modal-body .modal-title .dot-r {
    width: calc(5 / 750 * 100vw);
    height: calc(5 / 750 * 100vw);
    background: #0F87FF;
    border-radius: calc(4 / 750 * 100vw);
    margin-right: calc(-24 / 750 * 100vw);
}

.modal-body .modal-title .text {
    width: calc(90 / 750 * 100vw);
    font-family: 'Inter-Medium';
    font-weight: 500;
    font-size: calc(18 / 750 * 100vw);
    color: #0F87FF;
 
    text-align: center;
    font-style: normal;
    text-transform: none;

}

.modal-body .modal-content {
    margin-top: calc(24 / 750 * 100vw);
    font-family: 'Inter-Regular';
    font-weight: 400;
    font-size: calc(18 / 750 * 100vw);
    color: #131313;
    line-height: calc(36 / 750 * 100vw);
    text-align: left;
    font-style: normal;
    text-transform: none;
}

.modal-body .modal-content span {
    color: #0F87FF;
    font-family: 'Inter-SemiBold';
    font-weight: bold;
}