.wms-container {
            width: 100%;
            max-width: 100%;
            overflow-x: clip;
            color: #1a1c1f;
            background: #fff;
        }

        .wms-hero {
            min-height: 650px;
            padding: 96px 0 72px;
            display: flex;
            align-items: center;
            background: #f4f8ff url("../wms/wms-pc-bg-1.webp") center center / cover no-repeat;
        }

        .wms-hero-inner {
            width: 1200px;
            max-width: calc(100% - 80px);
            margin: 0 auto;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
        }

        .wms-hero-title {
            max-width: 760px;
            font-size: 56px;
            font-weight: 600;
            line-height: 1.25;
            color: #1a1c1f;
        }

        .wms-hero-wms {
            background: linear-gradient(180deg, #0e52ff 0%, #865bfc 100%);
            -webkit-background-clip: text;
            background-clip: text;
            color: transparent;
        }

        .wms-hero-desc {
            margin-top: 12px;
            font-size: 20px;
            line-height: 1.5;
            color: #5c646c;
        }

        a.wms-hero-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            margin-top: 60px;
            padding: 12px 20px;
            border-radius: 999px;
            background: linear-gradient(92deg, #5191fe 0%, #8369fe 59%, #b66ffc 81%, #feaf84 98%);
            box-shadow: 0 10px 20px rgba(107, 102, 253, 0.3);
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            text-decoration: none;
            white-space: nowrap;
        }

        a.wms-hero-btn:hover {
            color: #fff;
            filter: brightness(1.06);
        }

        .wms-hero-btn svg {
            width: 24px;
            height: 24px;
            margin-left: 16px;
            flex-shrink: 0;
        }

        .wms-block {
            min-height: 750px;
            padding: 75px 0;
            background-position: center center;
            background-size: cover;
            background-repeat: no-repeat;
        }

        .wms-block-2 {
            background-image: url("../wms/wms-pc-bg-2.webp");
        }

        .wms-block-3 {
            background-image: url("../wms/wms-pc-bg-3.webp");
        }

        .wms-block-4 {
            background-image: url("../wms/wms-pc-bg-4.webp");
        }

        .wms-block-5 {
            background-image: url("../wms/wms-pc-bg-5.webp");
        }

        .wms-block-inner {
            width: 1200px;
            max-width: calc(100% - 80px);
            min-height: 600px;
            margin: 0 auto;
            display: flex;
            align-items: center;
            justify-content: space-between;
        }

        .wms-block-reverse .wms-block-inner {
            flex-direction: row-reverse;
        }

        .wms-block-reverse .wms-block-visual {
            margin-right: 0;
            margin-left: 48px;
        }

        .wms-block-main {
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            width: 500px;
            flex: 0 0 500px;
        }

        .wms-block-3 .wms-block-main {
            width: 520px;
            flex-basis: 520px;
        }

        .wms-block-5 .wms-block-main {
            width: 545px;
            flex-basis: 545px;
        }

        .wms-block-copy {
            display: flex;
            flex-direction: column;
            margin-bottom: 48px;
        }

        .wms-block-visual {
            flex: 1 1 auto;
            min-width: 0;
            max-width: 100%;
            margin-right: 48px;
            display: flex;
            justify-content: center;
            align-items: center;
            overflow: hidden;
        }

        .wms-block-visual img {
            display: block;
            width: 100%;
            max-width: 600px;
            height: auto;
        }

        .wms-container a.page322-section3-content-word-btn {
            display: inline-flex;
            align-items: center;
            justify-content: center;
            width: auto;
            height: auto;
            padding: 12px 20px;
            border-radius: 999px;
            background-color: #ff9008;
            box-shadow: 0 2px 8px rgba(255, 106, 0, 0.1), inset 0 4px 4px rgba(255, 255, 255, 0.25);
            color: #fff;
            font-size: 16px;
            font-weight: 500;
            line-height: 1.5;
            text-align: center;
            text-decoration: none;
        }

        .wms-container a.page322-section3-content-word-btn:hover {
            color: #fff;
        }

        .wms-block-mark {
            display: none;
            width: 28px;
            height: 3px;
            border-radius: 2px;
            background: #6765ff;
        }

        .wms-block-title {
            font-size: 30px;
            font-weight: 600;
            line-height: 1.4;
            color: #000;
        }

        .wms-br-mobile {
            display: none;
        }

        .wms-features {
            padding-left: 0;
            list-style: none;
            display: flex;
            flex-direction: column;
        }

        .wms-features h3 {
            display: flex;
            align-items: center;
            font-size: 18px;
            font-weight: 600;
            line-height: 1.5;
            color: #000;
        }

        .wms-dot {
            width: 10px;
            height: 10px;
            margin-right: 8px;
            border-radius: 50%;
            background: #ff6731;
            flex-shrink: 0;
        }

        .wms-features p {
            margin-top: 4px;
            padding-left: 18px;
            font-size: 14px;
            line-height: 1.5;
            color: #000;
        }

        @media (max-width: 1100px) {
            .wms-hero-title {
                font-size: 44px;
            }

            .wms-block-main,
            .wms-block-3 .wms-block-main,
            .wms-block-5 .wms-block-main {
                width: 420px;
                flex-basis: 420px;
            }
        }

        @media (max-width: 768px) {
            
            .wms-hero {
                min-height: 580px;
                height: auto;
                padding: 88px 16px 36px;
                align-items: flex-start;
                background-color: #f3f7fd;
                background-image: url("../wms/wms-app-bg-1.webp");
                background-repeat: no-repeat;
                background-position: center bottom;
                background-size: 100% auto;
            }

            .wms-hero-inner {
                width: 100%;
                max-width: 100%;
                align-items: center;
                text-align: center;
            }

            .wms-hero-title {
                max-width: 100%;
                font-size: min(28px, 7.5vw);
                font-weight: 500;
                line-height: 1.5;
            }

            .wms-hero-brand {
                background: linear-gradient(90deg, #1a1c1f 0%, #707885 100%);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                font-weight: 600;
            }

            .wms-hero-name,
            .wms-hero-wms {
                background: linear-gradient(90deg, #578dff 0%, #473cff 100%);
                -webkit-background-clip: text;
                background-clip: text;
                color: transparent;
                font-weight: 600;
            }

            .wms-hero-desc {
                font-size: 15px;
                line-height: 1.8;
            }

            a.wms-hero-btn {
                width: 148px;
                height: 44px;
                margin-top: 36px;
                padding: 0 16px;
                font-size: 14px;
                font-weight: 400;
                box-shadow: none;
            }

            .wms-hero-btn svg {
                width: 16px;
                height: 16px;
                margin-left: 8px;
            }

            .wms-block {
                min-height: 0;
                padding: 36px 0;
                overflow: hidden;
                background-position: center top;
            }

            .wms-block-2 {
                background-image: url("../wms/wms-app-bg-2.webp");
            }

            .wms-block-3 {
                background-image: url("../wms/wms-app-bg-3.webp");
            }

            .wms-block-4 {
                background-image: url("../wms/wms-app-bg-4.webp");
            }

            .wms-block-5 {
                background-image: url("../wms/wms-app-bg-5.webp");
            }

            .wms-block-inner,
            .wms-block-reverse .wms-block-inner {
                display: grid;
                grid-template-columns: minmax(0, 1fr);
                box-sizing: border-box;
                width: 100%;
                max-width: 100%;
                min-height: 0;
                margin: 0;
                padding: 0 16px;
            }

            .wms-block-main,
            .wms-block-3 .wms-block-main,
            .wms-block-5 .wms-block-main {
                display: contents;
                width: auto;
                flex-basis: auto;
            }

            .wms-block-copy {
                grid-row: 1;
                order: 1;
                align-self: stretch;
                width: auto;
                min-width: 0;
                max-width: 100%;
                margin-bottom: 24px;
            }

            .wms-features,
            .wms-features li,
            .wms-features p,
            .wms-block-title {
                max-width: 100%;
            }

            .wms-block-mark {
                display: block;
                margin-bottom: 12px;
            }

            .wms-block-head {
                display: flex;
                flex-direction: column;
            }

            .wms-block-title {
                font-size: 22px;
                line-height: 1.5;
                color: #1a1c1f;
            }

            .wms-br-mobile {
                display: inline;
            }

            .wms-features h3 {
                font-size: 14px;
                color: #1a1c1f;
            }

            .wms-dot {
                width: 6px;
                height: 6px;
            }

            .wms-features p {
                padding-left: 0;
                color: #5c646c;
            }

            .wms-block-visual,
            .wms-block-reverse .wms-block-visual {
                grid-row: 2;
                order: 2;
                width: 100%;
                max-width: 100%;
                min-width: 0;
                flex: none;
                margin: 0 0 24px;
            }

            .wms-block-visual img {
                width: 100%;
                max-width: 100%;
                height: auto;
            }

            .wms-block-2 .wms-block-visual,
            .wms-block-3 .wms-block-visual,
            .wms-block-4 .wms-block-visual {
                display: block;
                position: relative;
                overflow: hidden;
            }

            .wms-block-2 .wms-block-visual,
            .wms-block-3 .wms-block-visual {
                aspect-ratio: 1800 / 1630;
            }

            .wms-block-4 .wms-block-visual {
                aspect-ratio: 1800 / 1640;
            }

            .wms-block-5 .wms-block-visual {
                position: relative;
                justify-self: center;
                width: min(100%, 380px);
                aspect-ratio: 334 / 188;
                overflow: hidden;
                border-radius: 12px;
                box-shadow: 0 8px 20px rgba(14, 68, 147, 0.1);
            }

            .wms-block-2 .wms-block-visual img,
            .wms-block-3 .wms-block-visual img,
            .wms-block-4 .wms-block-visual img {
                position: absolute;
                left: 0;
                width: 100%;
                max-width: none;
                height: auto;
            }

            .wms-block-2 .wms-block-visual img,
            .wms-block-3 .wms-block-visual img {
                top: -6.13%;
            }

            .wms-block-4 .wms-block-visual img {
                top: -6.71%;
            }

            .wms-block-5 .wms-block-visual img {
                position: absolute;
                left: -3.33%;
                top: -41.8%;
                width: 106.77%;
                height: auto;
                max-width: none;
            }

            .wms-container a.page322-section3-content-word-btn {
                grid-row: 3;
                order: 3;
                justify-self: center;
                align-self: center;
                padding: 12px 20px;
                border-radius: 999px;
                background-color: #ff9008;
                box-shadow: 0 2px 8px rgba(255, 106, 0, 0.1), inset 0 4px 4px rgba(255, 255, 255, 0.25);
                font-size: 16px;
                font-weight: 500;
                line-height: 1.5;
            }
        }
    
.wms-container, .wms-container * { box-sizing: border-box; }
.wms-container h1, .wms-container h2, .wms-container h3, .wms-features { margin: 0; }
.wms-features { gap: 16px; margin-top: 24px; }
.wms-hero-definition { max-width: 560px; margin: 14px 0 0; font-size: 15px; line-height: 1.8; color: #5c646c; }
.wms-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 24px; font-size: 13px; line-height: 1.5; color: #5c646c; }
.wms-breadcrumb a { color: inherit; text-decoration: none; }
.wms-breadcrumb a:hover { text-decoration: underline; }
.wms-container a:focus-visible, .wms-faq summary:focus-visible { outline: 2px solid #ff9008; outline-offset: 5px; }
.wms-faq { background: #faf8f5; padding: 80px 24px; }
.wms-faq__inner { max-width: 1100px; margin: auto; display: grid; grid-template-columns: 250px minmax(0,1fr); gap: 70px; }
.wms-faq h2 { margin: 0; font-size: 34px; font-weight: 600; line-height: 1.4; }
.wms-faq details { border-top: 1px solid #dce1e6; }
.wms-faq details:last-child { border-bottom: 1px solid #dce1e6; }
.wms-faq summary { position: relative; padding: 22px 32px 22px 18px; cursor: pointer; font-weight: 600; line-height: 1.7; list-style: none; }
.wms-faq summary::-webkit-details-marker { display: none; }
.wms-faq summary::before { content: ''; position: absolute; left: 0; top: 33px; width: 7px; height: 7px; background: #ff9008; border-radius: 50%; }
.wms-faq summary::after { content: '+'; position: absolute; right: 3px; top: 22px; color: #707a85; }
.wms-faq details[open] summary::after { content: '−'; }
.wms-faq details p { margin: 0; padding: 0 28px 24px 18px; color: #5c646c; font-size: 15px; line-height: 1.9; }
.wms-related { margin: 24px 0 0; font-size: 14px; line-height: 1.8; }
.wms-related a { color: #9b4c00; }
@media (min-width: 769px) and (max-width: 950px) {
 .wms-block-main, .wms-block-3 .wms-block-main, .wms-block-5 .wms-block-main { width: 48%; flex-basis: 48%; }
 .wms-block-visual { margin-right: 24px; }
 .wms-block-reverse .wms-block-visual { margin-left: 24px; }
}
@media (max-width: 768px) {
 .wms-breadcrumb { justify-content: center; font-size: 11px; margin-bottom: 12px; }
 .wms-hero-definition { font-size: 13px; line-height: 1.7; }
 .wms-hero { min-height: 670px; }
 .wms-faq { padding: 40px 16px; }
 .wms-faq__inner { display: block; }
 .wms-faq h2 { margin-bottom: 24px; font-size: 26px; }
 .wms-faq summary { font-size: 14px; }
 .wms-faq details p { font-size: 13px; }
}