.about_us{ color: #EEEEEE; background-color: #000000; }
h1, h2, h3, h4, h5, h6 { font-family: 'Conv_AvenirLTStd-Black-1'; }

.empowering { padding-top: 120px; padding-bottom: 120px; overflow: hidden; }
.empowering .top-container { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; margin-bottom: 48px; }
.empowering .title { font-weight: 900; font-size: var(--fs-48); line-height: 138%; margin-bottom: 24px; }
.empowering .desc { font-weight: 400; font-size: var(--fs-16); line-height: 138%; margin-bottom: 0px; }
.empowering .data-container .swiper { width: 100%; overflow: visible; touch-action: pan-y; }
.empowering .data-container .swiper .swiper-wrapper { gap: 24px; }
.empowering .swiper-slide { width: calc((100% - 24px * (5 - 1)) / 5); height: auto; display: flex; align-items: center; justify-content: center; border-radius: var(--fs-32); border: 1px solid #2A2A2A; padding: var(--fs-32); flex-direction: column; text-align: center; }
.empowering .swiper-slide .meta { font-family: 'Conv_AvenirLTStd-Black-1'; color: var(--color-primary); font-weight: 900; font-size: var(--fs-40); line-height: 138%; }
.empowering .swiper-slide .meta i { font-style: normal; }
.empowering .swiper-slide .explan { font-weight: 400; font-size: var(--fs-16); line-height: 138%; color: var(--color-secondary); margin-bottom: 0px; }

.trade-live .layout { display: flex; }
.trade-live .layout .layout-item { flex: 1; padding: 60px 80px; min-height: 600px; background-position: center; background-size: cover; }
.trade-live .layout .layout-item .layout-container { width: 100%; max-width: 800px; display: flex; }
.trade-live .layout .layout-item.trade { background-position: 66% center; display: flex; justify-content: flex-end; }
.trade-live .layout .layout-item.live { background-position: 35% center; display: flex; justify-content: flex-start; }
.trade-live .layout .layout-item.trade .layout-container { justify-content: flex-start; }
.trade-live .layout .layout-item.live .layout-container { justify-content: flex-end; color: #232020; }
.trade-live .layout .layout-item .layout-container .layout-box { width: 100%; max-width: 400px; }
.trade-live .layout .layout-item .layout-box h2 { font-weight: 900; font-size: var(--fs-48); line-height: 138%; margin-bottom: 24px; }
.trade-live .layout .layout-item p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }

.milestones { padding-top: 120px; padding-bottom: 60px; }
.milestones .layout .head { margin-bottom: 48px; max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; }
.milestones .layout .head h2 { margin-bottom: 24px; font-weight: 900; font-size: var(--fs-48); line-height: 138%; }
.milestones .layout .head p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }
.milestones .layout .subject .sub-subject + .sub-subject { margin-top: 60px; }
.milestones .layout .subject .sub-subject { display: flex; align-items: center; align-items: stretch; width: 100%; }
.milestones .layout .subject .sub-subject > * { flex: 1; }
.milestones .layout .subject .sub-subject .img-box { width: 100%; height: 500px; overflow: hidden; }
.milestones .layout .subject .sub-subject .img-box img { border: 1px solid #2A2A2A; border-radius: var(--fs-32); width: 100%; height: 100%; object-fit: cover; }
.milestones .layout .subject .sub-subject .content { display: flex; align-items: center; }
.milestones .layout .subject .sub-subject .content-box { padding: 0 120px; }
.milestones .layout .subject .sub-subject .content-box span { display: inline-block; font-family: 'Conv_AvenirLTStd-Black-1'; font-weight: 900; font-size: var(--fs-20); line-height: 138%; margin-bottom: 12px; }
.milestones .layout .subject .sub-subject .content-box h3 { color: var(--color-primary); font-weight: 900; font-size: var(--fs-32); line-height: 138%; margin-bottom: 48px; }
.milestones .layout .subject .sub-subject .content-box p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }

.core { padding-top: 60px; padding-bottom: 120px; }
.core .layout .head { width: 100%; max-width: 800px; margin-left: auto; margin-right: auto; margin-bottom: 48px; text-align: center; }
.core .layout .head h2 { font-weight: 900; font-size: var(--fs-48); line-height: 138%; margin-bottom: 24px; }
.core .layout .head p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }
.core .layout .subject { display: grid; grid-template-columns: repeat(4, 1fr); grid-auto-rows: 1fr; gap: 24px; align-items: stretch; }
.core .layout .subject .sub-subject { cursor: pointer; display: flex; height: 100%; perspective: 1000px; -webkit-perspective: 1000px; }
.core .layout .subject .sub-subject .box { position: relative; width: 100%; height: 100%; border-radius: var(--fs-32); display: grid; grid-template-areas: "stack"; -webkit-tap-highlight-color: transparent; transition: transform 0.3s ease; transform-style: preserve-3d; -webkit-transform-style: preserve-3d; }
.core .layout .subject .sub-subject:hover .box { transform: rotateY(180deg); }
.core .layout .subject .sub-subject .box > * { grid-area: stack; border-radius: var(--fs-32); backface-visibility: hidden; -webkit-backface-visibility: hidden; height: 100%; width: 100%; box-sizing: border-box; }
.core .layout .subject .sub-subject .card { border: 1px solid #2A2A2A; padding: 32px; height: 100%; display: flex; flex-direction: column; justify-content: space-between; }
.core .layout .subject .sub-subject .card .title { font-weight: 400; font-size: var(--fs-32); line-height: 138%; }
.core .layout .subject .sub-subject .card .icon-box { display: flex; justify-content: flex-end; }
.core .layout .subject .sub-subject .card .icon-box img { width: 120px; height: 120px; object-fit: cover; }
.core .layout .subject .sub-subject .overlay { padding: 32px; background: #EBF1FA; color: #232020; transform: rotateY(180deg); height: 100%; display: flex; flex-direction: column; box-sizing: border-box; }
.core .layout .subject .sub-subject .overlay .icon-box { margin-bottom: 12px; }
.core .layout .subject .sub-subject .overlay .icon-box img { width: 32px; height: 32px; object-fit: cover; }
.core .layout .subject .sub-subject .overlay .title { margin-bottom: 32px; font-weight: 400; font-size: var(--fs-32); line-height: 138%; }
.core .layout .subject .sub-subject .overlay p { margin-bottom: 0; font-weight: 400; font-size: var(--fs-16); line-height: 138%; }

div.page_banner_box { background-position: center; }
.page_banner_box .text_box .text_box_p { margin-bottom: 0 !important; }
.page_banner_box .text_box .blue_button { display: none !important; }

@media (max-width: 1680px) {
    .milestones .layout .subject .sub-subject .content-box { padding: 0 80px; }
}

@media (max-width: 1440px) {
    .milestones .layout .subject .sub-subject { gap: 48px; }
    .milestones .layout .subject .sub-subject .content-box { padding: 0px; }
}

@media (max-width:1200px) {
    /* 跨行等高 */
    .core .layout .subject { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width:1040px) {
    .inner { padding-left: 80px; padding-right: 80px; }

    .empowering { padding-top: 64px; padding-bottom: 64px; }
    .empowering .data-container .swiper .swiper-wrapper { flex-wrap: wrap; }
    .empowering .swiper-slide { width: calc((100% - 24px * (3 - 1)) / 3); }
    .empowering .swiper-slide:nth-child(4),
    .empowering .swiper-slide:nth-child(5) { width: calc((100% - 24px * (2 - 1)) / 2); }

    .trade-live .layout .layout-item { padding: 48px; }
    .trade-live .layout .layout-item .layout-container .layout-box { max-width: 300px; }

    .milestones { padding-top: 64px; padding-bottom: 32px; }
    .milestones .layout .subject .sub-subject { gap: 48px; }
    .milestones .layout .subject .sub-subject .content-box { padding: 0px; }

    .core { padding-top: 32px; padding-bottom: 64px; }
}

@media (max-width:800px) {
    .inner { padding-left: 48px; padding-right: 48px; }

    .empowering { padding-top: 64px; padding-bottom: 64px; }
    .empowering .title { font-size: var(--fs-40); }

    .trade-live .layout { flex-direction: column; }
    .trade-live .layout .layout-item { min-height: 450px; }
    .trade-live .layout .layout-item .layout-container .layout-box { max-width: 400px; }
    .trade-live .layout .layout-item.live { background-position: center top; }
    .trade-live .layout .layout-item .layout-box h2 { font-size: var(--fs-40); }

    .milestones { padding-top: 64px; padding-bottom: 32px; }
    .milestones .layout .head h2 { font-size: var(--fs-40); }
    
    .core { padding-top: 32px; padding-bottom: 64px; }
    .core .layout .head h2 { font-size: var(--fs-40); }
    .core .layout .subject .sub-subject .card .title { font-size: 24px; }
    .core .layout .subject .sub-subject .overlay .title { font-size: 24px; }
}

@media (max-width:768px) {
    /* 跨行等高 */
    .core .layout .subject { grid-template-columns: repeat(1, 1fr); }
    .milestones .layout .subject .sub-subject { gap: 24px; flex-direction: column; }
    .milestones .layout .subject .sub-subject.img-right { flex-direction: column-reverse; }
}

@media (max-width:540px) {
    .inner { padding-left: 20px; padding-right: 20px; }
    
    .empowering .top-container { margin-bottom: 24px; }
    .empowering .title { font-size: var(--fs-32); }
    .empowering .data-container .swiper .swiper-wrapper { flex-wrap: nowrap; gap: 0; }
    .empowering .swiper-slide { width: 100%; }

    .trade-live .layout .layout-item { min-height: 360px; padding: 24px; }
    .trade-live .layout .layout-item.trade { background-position: 33% center; }
    .trade-live .layout .layout-item.live { background-position: 55% center; }
    .trade-live .layout .layout-item .layout-container .layout-box { max-width: 280px; }
    .trade-live .layout .layout-item .layout-box h2 { font-size: var(--fs-32); margin-bottom: 12px; }

    .milestones .layout .head { margin-bottom: 24px; }
    .milestones .layout .head h2 { font-size: var(--fs-32); }
    .milestones .layout .subject .sub-subject { gap: 24px; flex-direction: column; }
    .milestones .layout .subject .sub-subject.img-right { flex-direction: column-reverse; }
    .milestones .layout .subject .sub-subject + .sub-subject { margin-top: 24px; }
    .milestones .layout .subject .sub-subject img { max-height: 220px; }
    .milestones .layout .subject .sub-subject .content-box span { font-size: var(--fs-16); }
    .milestones .layout .subject .sub-subject .content-box h3 { font-size: 24px; margin-bottom: 24px; }

    .core .layout .head { margin-bottom: 24px; }
    .core .layout .head h2 { font-size: var(--fs-32); }
    .core .layout .subject .sub-subject .card .title { font-size: var(--fs-32); }
    .core .layout .subject .sub-subject .overlay .title { font-size: var(--fs-32); }
}
/* ! puprimecomdev| 2026-05-06 15:20:41