@charset "UTF-8";

html,
body {
    -webkit-text-size-adjust: 100%;
    text-size-adjust: 100%;
}

@media screen and (max-width: 768px) {
    html,
    body {
        width: 100% !important;
        min-width: 0 !important;
        overflow-x: hidden !important;
        background: #F3F5F7;
    }

    body {
        padding-bottom: calc(72px + env(safe-area-inset-bottom)) !important;
    }

    .dff-page,
    .top-banner,
    .home-sec,
    .footer,
    .system,
    .situation,
    .feature,
    .scene,
    .us {
        width: 100% !important;
        min-width: 0 !important;
    }

    .inner-width,
    .header-inner {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
        box-sizing: border-box !important;
    }

    .animate-item,
    .animate-item.show,
    .animate-item.static-show {
        transform: none !important;
        opacity: 1 !important;
        transition: none !important;
    }

    #header {
        height: auto !important;
        width: 100% !important;
        min-width: 0 !important;
        background: rgba(255, 255, 255, 0.96) !important;
        box-shadow: 0 8px 24px rgba(26, 58, 129, 0.08) !important;
        color: #272E3B !important;
        backdrop-filter: blur(10px);
    }

    #header .header-inner {
        height: auto !important;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding-top: 8px !important;
        padding-bottom: 9px !important;
    }

    #header .es-logo {
        height: 32px;
        display: flex;
        align-items: center;
    }

    #header .nav-logo {
        width: auto !important;
        height: 32px !important;
        display: block;
    }

    #header .header-nav {
        width: 100%;
        height: 34px !important;
        margin-top: 8px;
        display: flex !important;
        align-items: center;
        overflow-x: auto;
        overflow-y: hidden;
        white-space: nowrap;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    #header .header-nav::-webkit-scrollbar {
        display: none;
    }

    #header .nav-item {
        flex: 0 0 auto;
        height: 34px;
        display: flex;
        align-items: center;
    }

    #header .nav-linktag,
    #header.active .nav-linktag {
        height: 30px !important;
        line-height: 30px !important;
        margin: 0 8px 0 0 !important;
        padding: 0 11px !important;
        border: 0 !important;
        border-radius: 8px;
        background: #F3F5FF;
        color: #4E5969 !important;
        font-size: 13px !important;
        font-weight: 500;
        display: flex;
        align-items: center;
    }

    #header .nav-item .nav-linktag.active,
    #header.active .nav-linktag.active {
        background: #5369F8 !important;
        color: #FFFFFF !important;
    }

    #header .nav-item .nav-btn,
    #header.active .nav-btn {
        width: auto !important;
        height: 30px !important;
        line-height: 30px !important;
        background: #272E3B !important;
        color: #FFFFFF !important;
        font-size: 13px !important;
        padding: 0 12px !important;
    }

    .home-sec-title,
    .pricing .home-sec-title {
        height: auto !important;
        line-height: 30px !important;
        font-size: 22px !important;
        text-align: left !important;
    }

    .home-sec-desc,
    .pricing .home-sec-desc,
    .faq .home-sec-desc {
        width: auto !important;
        height: auto !important;
        margin-top: 10px !important;
        margin-bottom: 0 !important;
        line-height: 23px !important;
        font-size: 14px !important;
        text-align: left !important;
        color: #6B778C !important;
    }

    .top-banner {
        min-height: 0 !important;
        height: auto !important;
        padding-top: 96px;
        background: linear-gradient(180deg, #EAF0FF 0%, #F6F8FF 56%, #FFFFFF 100%) !important;
        overflow: hidden !important;
    }

    .top-banner .swiper,
    .home-sec .swiper {
        overflow: hidden !important;
    }

    .top-banner .swiper,
    .top-banner .swiper-wrapper,
    .top-banner .swiper-slide,
    .top-banner .swiper-slide .home-slide {
        height: auto !important;
        min-height: 0 !important;
    }

    .top-banner .swiper-slide {
        position: relative;
    }

    .top-banner .swiper-slide > img {
        position: absolute;
        inset: 0;
        width: 100% !important;
        height: 100% !important;
        object-fit: cover;
        opacity: 0.22;
        z-index: 0;
    }

    .top-banner .swiper-slide .home-slide {
        position: relative;
        z-index: 1;
        display: flex !important;
        flex-direction: column !important;
        align-items: flex-start !important;
        justify-content: flex-start !important;
        padding-top: 28px !important;
        padding-bottom: 34px !important;
    }

    .top-banner .swiper-slide .home-slide > div {
        width: 100%;
    }

    .top-banner .swiper-slide .home-slide .title {
        font-size: 28px !important;
        line-height: 36px !important;
        font-weight: 700 !important;
        color: #17233D !important;
    }

    .top-banner .swiper-slide .home-slide .sub-title {
        margin-top: 8px !important;
        margin-bottom: 12px !important;
        font-size: 22px !important;
        line-height: 30px !important;
        font-weight: 700 !important;
        color: #272E3B !important;
    }

    .top-banner .swiper-slide .home-slide .desc {
        font-size: 14px !important;
        line-height: 24px !important;
        color: #5E6C84 !important;
    }

    .top-banner .swiper-slide .home-slide .btn {
        width: 132px !important;
        height: 42px !important;
        margin-top: 22px !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        line-height: 42px !important;
        box-shadow: 0 10px 22px rgba(83, 105, 248, 0.22);
    }

    .top-banner .swiper-slide .home-slide > img {
        position: relative !important;
        width: min(88vw, 330px) !important;
        height: auto !important;
        margin: 26px auto 0 !important;
        opacity: 1 !important;
        object-fit: contain !important;
        z-index: 1;
        align-self: center;
    }

    .system,
    .situation,
    .feature,
    .pricing,
    .scene,
    .us,
    .introduce,
    .faq {
        height: auto !important;
        padding: 42px 0 !important;
        background-size: cover !important;
    }

    .system {
        background: #F5F8FF !important;
    }

    .system .wrapper {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px;
        padding-top: 24px !important;
    }

    .system .list {
        width: 100% !important;
        height: auto !important;
        min-height: 0 !important;
        margin: 0 !important;
        border-radius: 8px !important;
        overflow: hidden;
        box-shadow: 0 10px 26px rgba(26, 58, 129, 0.08) !important;
        transition: none !important;
    }

    .system .list:hover {
        height: auto !important;
        margin-top: 0 !important;
    }

    .system .list .header {
        height: 64px !important;
        padding: 16px 20px !important;
    }

    .system .list .header .head-title {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .system .list .list-item {
        padding-top: 4px !important;
        font-size: 15px !important;
    }

    .system .list .list-item li {
        padding: 12px 18px 13px !important;
        border-bottom: 1px solid #F0F2F7;
    }

    .system .list .list-item .tips {
        margin-top: 4px !important;
        white-space: normal !important;
        overflow: visible !important;
        text-overflow: clip !important;
        word-break: normal !important;
        font-size: 13px !important;
        line-height: 21px !important;
    }

    .system .list .more {
        position: static !important;
        opacity: 1 !important;
        display: flex !important;
        min-height: 44px;
        padding: 12px 18px !important;
        font-size: 14px !important;
        border-radius: 0 !important;
    }

    .situation {
        background: #FFFFFF !important;
        overflow: hidden !important;
    }

    .situation .swiper-tab,
    .scene .swiper-tab {
        width: 100% !important;
        margin: 20px 0 0 !important;
        padding: 4px !important;
        border: 0 !important;
        border-radius: 8px;
        background: #EEF1FF;
        display: grid !important;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 4px;
    }

    .situation .swiper-tabitem,
    .scene .swiper-tabitem {
        width: auto !important;
        padding: 9px 8px !important;
        margin: 0 !important;
        border-radius: 6px;
        line-height: 20px !important;
        font-size: 14px !important;
        color: #4E5969 !important;
    }

    .situation .swiper-tabitem.active,
    .scene .swiper-tabitem.active {
        background: #FFFFFF;
        color: #5369F8 !important;
        box-shadow: 0 4px 12px rgba(26, 58, 129, 0.08);
    }

    .situation .swiper-tabitem::before,
    .scene .swiper-tabitem::before {
        display: none !important;
    }

    .situation .swiper-box {
        width: 100% !important;
        height: auto !important;
        margin: 18px auto 0 !important;
    }

    .situation .swiper-box .before,
    .situation .swiper-box .after {
        display: none !important;
    }

    .situation .swiper-vessel {
        position: relative !important;
        left: 0 !important;
        width: 100% !important;
        height: auto !important;
        display: block !important;
    }

    .situation .swiper-vessel-item {
        width: 100% !important;
        height: auto !important;
        min-height: 332px;
        display: none !important;
        border-radius: 8px !important;
        background: #5369F8;
    }

    .situation .swiper-vessel-item.active {
        display: block !important;
    }

    .situation .occupy-item-right,
    .situation .occupy-item-left {
        display: none !important;
    }

    .situation .swiper-bg {
        width: 100% !important;
        height: 100% !important;
        object-fit: cover !important;
        opacity: 0.36 !important;
    }

    .situation .situation-intro {
        margin: 0 !important;
        padding: 22px 18px !important;
        position: relative !important;
        z-index: 2 !important;
    }

    .situation .situation-title {
        height: auto !important;
        line-height: 28px !important;
        font-size: 20px !important;
        font-weight: 700;
    }

    .situation .situation-desc,
    .situation .situation-desc1 {
        margin-top: 10px !important;
        line-height: 23px !important;
        font-size: 14px !important;
    }

    .situation .situation-ls {
        display: grid !important;
        grid-template-columns: repeat(3, minmax(0, 1fr));
        gap: 12px;
        margin-top: 24px !important;
    }

    .situation .situation-item {
        width: auto !important;
        margin: 0 !important;
        padding: 12px 6px;
        border-radius: 8px;
        background: rgba(255, 255, 255, 0.16);
        text-align: center;
    }

    .situation .situation-item img {
        width: 42px !important;
        height: 42px !important;
    }

    .situation .tip {
        margin-top: 8px;
        line-height: 18px !important;
        font-size: 12px !important;
        color: #FFFFFF;
    }

    .feature {
        background: #FFFFFF !important;
    }

    .feature .feat-ls {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px;
        margin-top: 22px !important;
    }

    .feature .feat-item {
        width: 100% !important;
        margin: 0 !important;
        padding: 18px;
        border: 1px solid #E9ECF5;
        border-radius: 8px;
        text-align: left !important;
        background: #FFFFFF;
        box-shadow: 0 8px 20px rgba(26, 58, 129, 0.05);
        display: grid;
        grid-template-columns: 58px 1fr;
        column-gap: 14px;
        align-items: center;
    }

    .feature .feat-item .feat-icon {
        width: 58px !important;
        height: 58px !important;
        margin: 0 !important;
        border-radius: 8px;
        background: #F3F5FF;
    }

    .feature .feat-item .feat-icon .feat-img {
        width: 54px !important;
    }

    .feature .feat-item .feat-title {
        margin-top: 0 !important;
        line-height: 24px !important;
        font-size: 16px !important;
    }

    .feature .feat-item .feat-desc {
        grid-column: 1 / -1;
        margin-top: 12px !important;
        line-height: 22px !important;
        font-size: 13px !important;
    }

    .feature .feat-item .feat-desc br {
        display: none;
    }

    .pricing {
        background: #F5F8FF !important;
    }

    .pricing-wrapper {
        display: flex !important;
        flex-direction: column !important;
        flex-wrap: nowrap !important;
        gap: 14px !important;
        margin-top: 22px;
    }

    .pricing-item {
        width: 100% !important;
        min-height: 0 !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 22px rgba(26, 58, 129, 0.07) !important;
    }

    .pricing-item:hover {
        transform: none !important;
    }

    .pricing-header {
        padding: 24px 18px 20px !important;
        text-align: left !important;
    }

    .pricing-price {
        justify-content: flex-start !important;
    }

    .price-value {
        font-size: 42px !important;
    }

    .pricing-content {
        padding: 18px !important;
    }

    .pricing-features li {
        padding: 9px 0 !important;
        line-height: 22px !important;
    }

    .pricing-btn,
    .faq-more-btn {
        width: 100% !important;
        height: 44px !important;
        line-height: 44px !important;
        border-radius: 8px !important;
        font-size: 15px !important;
        box-sizing: border-box;
    }

    .scene {
        background: #FFFFFF !important;
        overflow: hidden !important;
    }

    .scene > .bg,
    .scene .inner-width > .bg {
        display: none !important;
    }

    .scene .inner-width {
        width: 100% !important;
        max-width: none !important;
        padding-left: 16px !important;
        padding-right: 16px !important;
    }

    .scene .swiper-box {
        width: 100% !important;
        height: auto !important;
        margin: 18px auto 0 !important;
    }

    .scene .swiper,
    .scene .swiper-wrapper,
    .scene .swiper-slide,
    .scene .swiper-vessel,
    .scene .swiper-vessel-item {
        width: 100% !important;
        height: auto !important;
    }

    .scene .swiper-slide {
        display: none !important;
    }

    .scene .swiper-slide.active {
        display: block !important;
    }

    .scene .swiper-vessel-item {
        min-height: 260px;
        border-radius: 8px;
        overflow: hidden;
        background: linear-gradient(135deg, #5369F8 0%, #2B3FBA 100%);
    }

    .scene .swiper-vessel-item .scene-intro,
    .scene .swiper-vessel-item .scene-img {
        width: 100% !important;
    }

    .scene .swiper-vessel-item .scene-intro .intro-inner {
        margin: 0 !important;
        padding: 24px 18px !important;
    }

    .scene .swiper-vessel-item .scene-intro .intro-inner .title {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .scene .swiper-vessel-item .scene-intro .intro-inner .sub-title {
        line-height: 22px !important;
    }

    .scene .swiper-vessel-item .scene-intro .intro-inner .desc {
        margin-top: 28px !important;
        align-items: flex-start !important;
    }

    .scene .swiper-vessel-item .scene-intro .intro-inner .desc.desc1 {
        margin-top: 16px !important;
    }

    .scene .swiper-vessel-item .scene-intro .intro-inner .desc .desc-text {
        line-height: 23px !important;
        font-size: 14px !important;
    }

    .us {
        background: #F5F8FF !important;
    }

    .us .wrapper {
        padding-top: 22px !important;
        display: flex !important;
        flex-direction: column !important;
        gap: 14px;
    }

    .us .us-item,
    .us .us-item:nth-child(2) {
        width: 100% !important;
        margin: 0 !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 22px rgba(26, 58, 129, 0.06);
    }

    .us .us-item img {
        max-width: none !important;
        width: 100% !important;
    }

    .us .us-item p {
        height: auto !important;
        padding: 14px 12px !important;
        line-height: 23px !important;
        font-size: 16px !important;
    }

    .introduce-content {
        display: flex !important;
        flex-direction: column !important;
        gap: 14px;
    }

    .introduce-content-item,
    .introduce-content-item:nth-child(2),
    .introduce-content-item:last-child {
        width: 100% !important;
        height: auto !important;
        min-height: 112px;
        margin: 0 !important;
        padding: 20px 18px !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 22px rgba(26, 58, 129, 0.06) !important;
    }

    .introduce-content-item img {
        width: 48px !important;
        height: 48px !important;
        margin-right: 14px !important;
    }

    .introduce-content-item .subtitle span {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .introduce-content-item .subtitle p {
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .faq {
        background: #FFFFFF !important;
    }

    .faq-list {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 12px !important;
        margin-top: 22px;
    }

    .faq-item {
        padding: 18px !important;
        border-radius: 8px !important;
        box-shadow: 0 8px 20px rgba(26, 58, 129, 0.05) !important;
    }

    .faq-item h3 {
        font-size: 16px !important;
        line-height: 24px !important;
    }

    .faq-item p {
        font-size: 13px !important;
        line-height: 23px !important;
    }

    .faq-more {
        margin-top: 18px !important;
        display: grid;
        grid-template-columns: 1fr;
        gap: 10px;
    }

    .faq-more-btn {
        margin: 0 !important;
    }

    .footer {
        min-width: 0 !important;
        padding-bottom: calc(80px + env(safe-area-inset-bottom)) !important;
    }

    .footer .wrapper {
        width: 100% !important;
        padding: 30px 16px 0 !important;
        box-sizing: border-box;
    }

    .footer .info {
        width: 100% !important;
        display: block !important;
    }

    .footer .info-left {
        width: 100% !important;
        border-right: 0 !important;
        padding-bottom: 20px;
        border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    }

    .footer .info > div:last-child {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 20px 14px;
        margin-top: 22px;
    }

    .footer .center-menu,
    .footer .center-menu[style] {
        width: auto !important;
        margin-left: 0 !important;
        display: block !important;
    }

    .footer .menu-list {
        margin-top: 12px !important;
    }

    .footer .copyright {
        width: 100% !important;
        height: auto !important;
        line-height: 21px !important;
        padding: 18px 0 0 !important;
        display: block !important;
    }

    .footer .copyright .copyright-left,
    .footer .copyright .copyright-right {
        width: 100%;
        white-space: normal !important;
    }

    .footer .copyright .copyright-right {
        margin-top: 10px;
    }

    .footer .copyright .copyright-right a:first-child {
        margin-left: 0 !important;
    }

    .common-float-win {
        left: 0 !important;
        right: 0 !important;
        bottom: 0 !important;
        width: 100% !important;
        height: auto !important;
        padding: 8px 12px calc(8px + env(safe-area-inset-bottom));
        display: flex;
        align-items: center;
        gap: 8px;
        background: rgba(255, 255, 255, 0.96);
        box-shadow: 0 -8px 24px rgba(26, 58, 129, 0.12);
        box-sizing: border-box;
        z-index: 999;
    }

    .common-float-win .common-float-item {
        width: auto !important;
        height: 48px !important;
        flex: 1 1 0;
        margin: 0 !important;
        padding: 0 !important;
        border-radius: 8px !important;
        display: flex !important;
        align-items: center;
        justify-content: center;
        gap: 7px;
        box-shadow: none !important;
        background: #F3F5FF !important;
    }

    .common-float-win .common-float-item.float-tel {
        background: #5369F8 !important;
    }

    .common-float-item .float-icon {
        width: 22px !important;
        height: auto !important;
        margin: 0 !important;
    }

    .common-float-item .float-icon1 {
        display: none !important;
    }

    .common-float-name {
        margin-top: 0 !important;
        line-height: 20px !important;
        font-size: 14px !important;
        color: #5369F8 !important;
    }

    .common-float-win .common-float-item.float-tel .common-float-name {
        color: #FFFFFF !important;
    }

    .common-float-item .hover-floatwin {
        display: none !important;
    }

    .common-float-item.back-top {
        flex: 0 0 48px !important;
        display: none !important;
        background: #FFFFFF !important;
        border: 1px solid #E5E6EB !important;
    }

    .common-float-item.back-top.show {
        display: flex !important;
    }

    .tel-modal.contact-modal,
    .tel-modal.wechat-modal,
    .tel-modal {
        width: calc(100% - 32px) !important;
        max-width: 420px !important;
        min-height: 0 !important;
        height: auto !important;
        top: 50% !important;
        padding: 24px 18px 20px !important;
        border-radius: 8px !important;
        flex-direction: column !important;
        align-items: stretch !important;
        transform: translate(-50%, -50%) scale(0) !important;
    }

    .tel-modal.show {
        transform: translate(-50%, -50%) scale(1) !important;
    }

    .contact-modal-phone,
    .contact-modal-wechat {
        width: 100% !important;
        text-align: center;
    }

    .contact-modal-divider {
        width: 100% !important;
        height: 1px !important;
        margin: 18px 0 !important;
    }

    .contact-modal .title {
        font-size: 18px !important;
        line-height: 26px !important;
    }

    .contact-modal .tel {
        font-size: 28px !important;
        line-height: 36px !important;
    }

    .contact-modal .wechat-qrcode {
        width: 148px !important;
        height: 148px !important;
        margin: 0 auto !important;
    }

    .tel-modal .close {
        top: 14px !important;
        right: 14px !important;
    }

    .content-section {
        margin-top: 36px !important;
    }

    .content-page {
        padding: 116px 0 52px !important;
    }

    .content-hero {
        display: block !important;
        min-height: 0 !important;
        padding: 24px 18px !important;
        border-radius: 8px !important;
    }

    .content-hero-text,
    .content-hero-panel,
    .content-section-title p {
        width: auto !important;
    }

    .content-eyebrow {
        height: 28px !important;
        line-height: 28px !important;
        padding: 0 10px !important;
        border-radius: 8px !important;
        font-size: 13px !important;
        margin-bottom: 12px !important;
    }

    .content-hero h1 {
        font-size: 26px !important;
        line-height: 35px !important;
        margin-bottom: 12px !important;
    }

    .content-hero p {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .content-hero-actions,
    .landing-action-row {
        display: grid !important;
        grid-template-columns: 1fr !important;
        gap: 10px !important;
        margin-top: 20px !important;
    }

    .content-btn,
    .content-btn.secondary {
        width: 100% !important;
        min-width: 0 !important;
        height: 44px !important;
        line-height: 44px !important;
        border-radius: 8px !important;
        box-sizing: border-box !important;
    }

    .content-hero-panel {
        margin-top: 18px !important;
        padding: 18px !important;
        border-radius: 8px !important;
    }

    .content-hero-panel-title {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 12px !important;
    }

    .content-hero-panel li {
        align-items: flex-start !important;
        font-size: 13px !important;
        line-height: 22px !important;
        margin-bottom: 10px !important;
    }

    .content-dot {
        margin-top: 7px !important;
    }

    .content-section.white-band {
        padding: 42px 0 !important;
    }

    .content-section-title {
        text-align: left !important;
        margin-bottom: 22px !important;
    }

    .content-section-title h2 {
        font-size: 22px !important;
        line-height: 30px !important;
    }

    .content-section-title p {
        width: auto !important;
        margin-top: 10px !important;
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .content-grid {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .content-card {
        padding: 18px !important;
        border-radius: 8px !important;
    }

    .content-card-icon {
        width: 38px !important;
        height: 38px !important;
        line-height: 38px !important;
        margin-bottom: 12px !important;
        border-radius: 8px !important;
        font-size: 16px !important;
    }

    .content-card h3 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 8px !important;
    }

    .content-card p {
        font-size: 13px !important;
        line-height: 23px !important;
    }

    .content-module {
        padding: 20px 18px !important;
        margin-bottom: 14px !important;
        border-radius: 8px !important;
    }

    .content-module h2 {
        font-size: 19px !important;
        line-height: 28px !important;
        margin-bottom: 10px !important;
    }

    .content-module p {
        font-size: 14px !important;
        line-height: 24px !important;
        margin-bottom: 14px !important;
    }

    .content-module-list,
    .content-faq-list,
    .topic-flow,
    .topic-link-list {
        grid-template-columns: 1fr !important;
        gap: 12px !important;
    }

    .content-module-list li {
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .topic-flow-item,
    .content-faq-item {
        padding: 18px !important;
        border-radius: 8px !important;
    }

    .topic-flow-step {
        width: 30px !important;
        height: 30px !important;
        line-height: 30px !important;
        margin-bottom: 10px !important;
    }

    .topic-flow-item h3,
    .content-faq-item h3 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 8px !important;
    }

    .topic-flow-item p,
    .content-faq-item p {
        font-size: 13px !important;
        line-height: 23px !important;
    }

    .topic-link-list a {
        padding: 14px 16px !important;
        border-radius: 8px !important;
        font-size: 14px !important;
        line-height: 22px !important;
    }

    .content-cta {
        display: block !important;
        margin-top: 36px !important;
        padding: 24px 18px !important;
        border-radius: 8px !important;
    }

    .content-cta h2 {
        font-size: 20px !important;
        line-height: 28px !important;
    }

    .content-cta p {
        font-size: 14px !important;
        line-height: 24px !important;
        margin: 10px 0 18px !important;
    }

    .pricing-item {
        max-width: none !important;
        margin: 0 !important;
    }

    .pricing-compare {
        display: block !important;
        width: 100% !important;
        overflow-x: auto !important;
        white-space: nowrap !important;
        -webkit-overflow-scrolling: touch;
    }

    .pricing-compare th,
    .pricing-compare td {
        min-width: 110px !important;
        padding: 12px 14px !important;
        font-size: 13px !important;
        line-height: 22px !important;
    }

    .pricing-compare th:first-child,
    .pricing-compare td:first-child {
        min-width: 96px !important;
    }

    .faq-page {
        padding: 116px 0 52px !important;
    }

    .faq-page-header {
        text-align: left !important;
        margin-bottom: 24px !important;
    }

    .faq-page-header h1 {
        font-size: 26px !important;
        line-height: 35px !important;
    }

    .faq-page-header p {
        width: auto !important;
        margin-top: 10px !important;
        font-size: 14px !important;
        line-height: 24px !important;
    }

    .faq-page-list {
        gap: 12px !important;
    }

    .faq-page-item {
        padding: 18px !important;
        border-radius: 8px !important;
    }

    .faq-page-item h2 {
        font-size: 16px !important;
        line-height: 24px !important;
        margin-bottom: 8px !important;
    }

    .faq-page-item p {
        font-size: 13px !important;
        line-height: 23px !important;
    }
}

@media screen and (max-width: 380px) {
    .situation .situation-ls {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .top-banner .swiper-slide .home-slide .title {
        font-size: 26px !important;
    }

    .top-banner .swiper-slide .home-slide .sub-title {
        font-size: 20px !important;
    }
}