.ms-before {
                --bc-bg: #f6f6f6;
                --bc-red: #b50917;
                padding: 100px 0 102px;
                background: var(--bc-bg);
            }
            .ms-before .wrap {
                width: 1600px;
                max-width: calc(100% - 64px);
            }
            .ms-before h2 {
                margin: 0 0 53px;
                color: #111;
                text-align: center;
                font-size: 46px;
                font-weight: 700;
                line-height: 60px;
            }
            .ms-before .bc-list {
                display: flex;
                position: relative;
                min-height: 332px;
                padding: 126px 0 70px;
                border-radius: 20px;
                background: #fff;
            }
            .ms-before .bc-list::before {
                content: "";
                position: absolute;
                top: 90px;
                left: 0;
                right: 0;
                height: 2px;
                background: #777;
            }
            .ms-before article {
                position: relative;
                flex: 1 1 20%;
                min-width: 0;
                padding: 0 20px;
            }
            .ms-before article::before {
                content: "";
                position: absolute;
                top: -42px;
                left: 20px;
                width: 14px;
                height: 14px;
                border-radius: 2px;
                background: #383838;
            }
            .ms-before .bc-num {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 48px;
                height: 34px;
                margin-bottom: 21px;
                border-radius: 2px;
                background: var(--bc-red);
                color: #fff;
                font-size: 18px;
                font-weight: 700;
                line-height: 1;
            }
            .ms-before h3 {
                margin: 0 0 5px;
                color: #171717;
                font-size: 18px;
                font-weight: 700;
                line-height: 27px;
            }
            .ms-before p {
                margin: 0;
                color: #333;
                font-size: 16px;
                line-height: 25px;
            }
            @media (max-width: 1200px) {
                .ms-before { padding: 72px 0; }
                .ms-before h2 { font-size: 38px; line-height: 1.3; margin-bottom: 40px; }
                .ms-before article { padding: 0 14px; }
                .ms-before article::before { left: 14px; }
            }
            @media (max-width: 992px) {
                .ms-before .bc-list { flex-direction: column; gap: 30px; padding: 32px 24px; }
                .ms-before .bc-list::before { top: 32px; bottom: 32px; left: 31px; right: auto; width: 2px; height: auto; }
                .ms-before article { flex: none; padding: 0 0 0 36px; }
                .ms-before article::before { top: 10px; left: 0; }
                .ms-before .bc-num { margin-bottom: 12px; }
            }
            @media (max-width: 560px) {
                .ms-before { padding: 48px 0; }
                .ms-before .wrap { max-width: calc(100% - 32px); }
                .ms-before h2 { font-size: 30px; margin-bottom: 28px; }
            }

            .ms-order {
                min-height: 594px;
                padding: 69px 0 80px;
                background: #151515 var(--bft-media-cf7a4b6910) center / cover no-repeat;
                color: #fff;
            }
            .ms-order h2 {
                margin: 0 auto 13px;
                color: #fff;
                text-align: center;
                font-size: 46px;
                font-weight: 700;
                line-height: 1.42;
            }
            .ms-order .order-lead {
                margin: 0 auto 40px;
                color: #fff;
                text-align: center;
                font-size: 20px;
                font-weight: 600;
                line-height: 30px;
            }
            .ms-order .order-grid {
                width: 1470px;
                max-width: calc(100% - 64px);
                margin: 0 auto;
                display: grid;
                grid-template-columns: repeat(5, minmax(0, 1fr));
                gap: 14px 10px;
            }
            .ms-order .order-card {
                min-height: 108px;
                display: flex;
                align-items: center;
                justify-content: center;
                position: relative;
                overflow: hidden;
                border-radius: 10px;
                background: rgba(255, 255, 255, 0.84);
                color: #171717;
            }
            .ms-order .order-card.active {
                background: #c30b16;
                color: #fff;
            }
            .ms-order .order-num {
                position: absolute;
                z-index: 0;
                top: 50%;
                left: 50%;
                transform: translate(-50%, -50%);
                color: rgba(184, 17, 28, 0.16);
                font-size: 82px;
                font-weight: 500;
                line-height: 1;
            }
            .ms-order .active .order-num {
                color: rgba(255, 255, 255, 0.18);
            }
            .ms-order .order-label {
                position: relative;
                z-index: 1;
                padding: 0 12px;
                text-align: center;
                font-size: 20px;
                font-weight: 700;
                line-height: 28px;
            }
            @media (max-width: 1200px) {
                .ms-order { min-height: 0; padding: 72px 0; }
                .ms-order h2 { font-size: 38px; }
                .ms-order .order-lead { font-size: 17px; }
                .ms-order .order-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
            }
            @media (max-width: 600px) {
                .ms-order { padding: 52px 0 58px; }
                .ms-order h2 { font-size: 30px; line-height: 1.3; }
                .ms-order .order-lead { margin-bottom: 28px; font-size: 15px; line-height: 24px; }
                .ms-order .order-grid { max-width: calc(100% - 32px); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; }
                .ms-order .order-card { min-height: 94px; }
                .ms-order .order-label { font-size: 16px; line-height: 22px; }
                .ms-order .order-num { font-size: 64px; }
            }
            @media (max-width: 390px) {
                .ms-order .order-grid { grid-template-columns: 1fr; }
            }

            .ms-explore {
                padding: 130px 0 0;
                background: #fff;
            }
            .ms-explore .ex-wrap {
                width: 1600px;
                max-width: calc(100% - 64px);
                margin: 0 auto;
            }
            .ms-explore .ex-layout {
                display: grid;
                grid-template-columns: 532px minmax(0, 1fr);
                align-items: start;
            }
            .ms-explore .ex-current {
                position: relative;
                width: 532px;
                height: 600px;
                overflow: hidden;
                background: #f1f2f4;
            }
            .ms-explore .ex-current .swiper-slide,
            .ms-explore .ex-current img {
                width: 100%;
                height: 600px;
            }
            .ms-explore .ex-current img,
            .ms-explore .ex-future img {
                display: block;
            }
            .ms-explore .ex-current img {
                object-fit: contain;
                background: #f1f2f4;
            }
            .ms-explore .ex-future img {
                object-fit: cover;
            }
            .ms-explore .ex-right {
                min-width: 0;
            }
            .ms-explore .ex-head {
                height: 200px;
                padding: 7px 0 0 73px;
            }
            .ms-explore .ex-head h2 {
                margin: 0;
                color: #111;
                font-size: 46px;
                font-weight: 700;
                line-height: 1.2;
            }
            .ms-explore .ex-top-nav {
                display: flex;
                gap: 8px;
                margin-top: 44px;
            }
            .ms-explore .ex-arrow {
                display: inline-flex;
                align-items: center;
                justify-content: center;
                width: 40px;
                height: 40px;
                padding: 0;
                border: 2px solid #666;
                border-radius: 50%;
                background: #fff;
                color: #666;
                font: 30px/1 Arial, sans-serif;
                cursor: pointer;
                transition: background .2s ease, color .2s ease;
            }
            .ms-explore .ex-arrow:hover,
            .ms-explore .ex-arrow:focus-visible {
                background: #666;
                color: #fff;
            }
            .ms-explore .ex-future {
                position: relative;
                width: 100%;
                height: 400px;
                overflow: hidden;
                background: #f1f2f4;
            }
            .ms-explore .ex-future .swiper-slide {
                width: 50%;
                height: 400px;
                border-left: 1px solid #fff;
                background: #f1f2f4;
            }
            .ms-explore .ex-future img {
                width: 100%;
                height: 400px;
            }
            @media (max-width: 1200px) {
                .ms-explore { padding-top: 90px; }
                .ms-explore .ex-layout { grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); }
                .ms-explore .ex-current,
                .ms-explore .ex-current .swiper-slide,
                .ms-explore .ex-current img { width: 100%; }
                .ms-explore .ex-head { padding-left: 42px; }
                .ms-explore .ex-head h2 { font-size: 38px; }
            }
            @media (max-width: 700px) {
                .ms-explore { padding: 56px 0 0; }
                .ms-explore .ex-wrap { max-width: calc(100% - 32px); }
                .ms-explore .ex-layout { display: block; }
                .ms-explore .ex-current { height: min(600px, 112vw); }
                .ms-explore .ex-current .swiper-slide,
                .ms-explore .ex-current img { height: min(600px, 112vw); }
                .ms-explore .ex-head { height: auto; padding: 28px 0 24px; }
                .ms-explore .ex-head h2 { font-size: 30px; }
                .ms-explore .ex-top-nav { margin-top: 24px; }
                .ms-explore .ex-future { height: 56vw; }
                .ms-explore .ex-future .swiper-slide,
                .ms-explore .ex-future img { height: 56vw; }
            }