.x-product-introduce{padding:40px;background:#1d2023;margin:0;box-sizing:border-box;width:100%;position:relative;z-index:2}.x-product-introduce-story{width:100%;display:grid;box-sizing:border-box;margin:40px 0 0;border-radius:16px;grid-template-rows:auto;position:relative;overflow:hidden}.x-product-introduce-story__image-wrapper{grid-column:1 / 3;grid-row:1;z-index:1}.x-product-introduce-story__image{width:100%;height:100%;object-fit:cover;display:block;object-position:left center}.x-product-introduce-story__content{box-sizing:border-box;padding:80px 52px 60px;color:#fff;display:flex;flex-direction:column;grid-column:2;grid-row:1;z-index:2;justify-content:center}.x-product-introduce-story__title{color:#fff;font-size:32px;font-weight:700;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex-shrink:0;padding:0 0 32px;box-sizing:border-box;border-bottom:1px solid rgb(255,255,255,.45)}.x-product-introduce-story__article{overflow:auto;line-height:1.5;font-size:14px;font-weight:300;scrollbar-color:#fff transparent;scrollbar-width:thin;padding:0 6px 0 0}.x-product-introduce-story__article::-webkit-scrollbar{width:3px}.x-product-introduce-story__article::-webkit-scrollbar-thumb{background-color:#fff;border-radius:1px}.x-product-introduce-video__layer{margin:0;border-radius:16px;overflow:hidden;box-sizing:border-box;width:100%}.x-product-introduce-video__content{position:relative;min-height:300px;height:54vw}.x-product-introduce-video__image{width:100%;height:100%;object-fit:cover;display:block;position:absolute;top:0;left:0;z-index:1}.x-product-introduce-video__video--mobile,.x-product-introduce-video__video--desktop,.x-product-introduce-quality__video--desktop,.x-product-introduce-quality__video--mobile{width:100%;height:100%;object-fit:cover;display:block}.x-product-introduce-quality__video--desktop,.x-product-introduce-quality__video--mobile{margin-bottom:-1px}.x-product-introduce-video__content iframe{width:100%;height:100%}.x-product-introduce-story__article p{word-break:break-word;text-wrap:pretty}.x-product-introduce-quality{width:100%;display:flex;flex-direction:column;gap:16px;box-sizing:border-box;margin:40px 0 0}.x-product-introduce-quality *{box-sizing:border-box}.x-product-introduce-quality__full-row{position:relative;width:100%;aspect-ratio:8 / 5;border-radius:16px;overflow:hidden}.x-product-introduce-quality__video-layer{aspect-ratio:16 / 9}.x-product-introduce-quality__image{width:100%;height:100%;object-fit:cover;display:block}.x-product-introduce-quality__content{position:absolute;bottom:0;left:0;width:100%;padding:40px 24px;background:linear-gradient(180deg,#27272700,#1a1b1c80 48.21%,#0e0f11 95%);color:#fff;pointer-events:none}.x-product-introduce-quality__content h3{margin:0 0 8px;font-size:24px;font-weight:600;color:#fff;text-wrap:pretty}.x-product-introduce-quality__content p{margin:0;font-size:16px;line-height:1;text-wrap:pretty}.x-product-introduce-quality__split-row{display:flex;width:100%;aspect-ratio:8 / 5;gap:16px}@media screen and (min-width:769px){.x-product-introduce-video__video--mobile,.x-product-introduce-quality__video--mobile{display:none}.x-product-introduce-story{grid-template-columns:64% 36%}.x-product-introduce-story__content{height:auto}.x-product-introduce-video__content{height:45vw}.x-product-introduce-quality__split-card{position:relative;width:50%;height:100%;border-radius:16px;overflow:hidden;transition:width .6s cubic-bezier(.25,.8,.25,1)}.x-product-introduce-quality__split-row:hover .x-product-introduce-quality__content{visibility:hidden}.x-product-introduce-quality__split-card:hover .x-product-introduce-quality__content{visibility:visible}.x-product-introduce-quality__split-row:hover .x-product-introduce-quality__split-card{width:38.46%}.x-product-introduce-quality__split-row .x-product-introduce-quality__split-card:hover{width:61.54%}}@media screen and (max-width:768px){.x-product-introduce-story__image-wrapper{min-height:630px;height:168vw;width:100%;grid-column:1}.x-product-introduce{background:#f5f4f9;padding:0}.x-product-introduce-video__layer{border-radius:0}.x-product-introduce-story{margin:0;display:block;border-radius:0;overflow:hidden;grid-template-columns:1fr}.x-product-introduce-story>div{border-radius:0}.x-product-introduce-story__content{background:#111;width:100%;padding:30px 24px 100px;gap:0;height:auto;grid-column:1;grid-row:2}.x-product-introduce-story__title{border:none;font-size:48px;margin:0 auto 24px;padding:0;text-align:left;width:100%}.x-product-introduce-story__article{font-size:15px;overflow:auto;text-align:center;height:auto}.x-product-introduce-story__article p{margin:0 0 20px;text-align:left}.x-product-introduce-story__article p:last-child{margin:0}.x-product-introduce-video__content{margin:0 0 -1px;border-radius:0;min-height:650px;height:173vw;line-height:0}.x-product-introduce-video__video--desktop,.x-product-introduce-quality__video--desktop{display:none}.x-product-introduce-video__content-youtube{height:59vw;min-height:220px}.x-product-introduce-quality{gap:0;margin:0}.x-product-introduce-quality__full-row{height:auto;border-radius:0;aspect-ratio:unset;line-height:0}.x-product-introduce-quality__full-row .x-product-introduce-quality__image{height:125vw}.x-product-introduce-quality__split-row{flex-direction:column;height:auto;aspect-ratio:unset;gap:0}.x-product-introduce-quality__split-card{width:100%;height:auto;border-radius:0}.x-product-introduce-quality__content{padding:24x;position:static;background:#111}.x-product-introduce-quality__content h3{font-size:32px;margin:0 0 16px;text-wrap:pretty}.x-product-introduce-quality__content p{font-size:15px;line-height:1.5}}
/*# sourceMappingURL=/cdn/shop/t/7/assets/x-product-introduce.css.map */