.index-video{background:var(--index-video-bg, #fff);color:#1a1c1d;overflow-x:clip}.index-video-inner{width:100%;max-width:1440px;margin-inline:auto;padding:64px 50px}.index-video__header{display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;margin-bottom:8px}.index-video__title{margin:0;font-size:42px;line-height:1.5;font-weight:700;color:#1a1c1d}.index-video__link{font-size:16px;line-height:1.5;font-weight:500;color:#5a5f66;text-decoration:none}a.index-video__link:hover{color:var(--index-video-accent, #2f80ed)}.index-video__stage{position:relative;display:flex;align-items:center;gap:8px;padding:20px 0 12px}.index-video__glow{position:absolute;top:8%;right:10%;bottom:0;left:10%;background:radial-gradient(ellipse at center,#2f80ed38,#2f80ed00 70%);pointer-events:none}.index-video__nav{position:relative;z-index:20;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:50%;background:#fff;color:#1a1c1d;box-shadow:0 2px 14px #0000001f;cursor:pointer;pointer-events:auto;transition:transform .25s ease,box-shadow .25s ease}.index-video__nav:hover{transform:scale(1.05);box-shadow:0 4px 18px #00000029}.index-video__nav:disabled{opacity:.4;cursor:default;transform:none}.index-video__swiper{position:relative;z-index:1;flex:1;min-width:0;overflow:hidden;padding:36px 0 40px}.index-video__swiper .swiper-wrapper{align-items:center;backface-visibility:hidden}.index-video__slide{width:350px;height:auto;flex-shrink:0;opacity:1!important;visibility:visible!important}.index-video__slide.swiper-slide-active{z-index:3}.index-video__card{position:relative;width:100%;height:auto;cursor:pointer;transform:scale(.86);transform-origin:center center;transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .65s cubic-bezier(.22,1,.36,1);will-change:transform,opacity;backface-visibility:hidden}.index-video__slide.swiper-slide-active .index-video__card{transform:scale(1);opacity:1}.index-video__media{position:relative;overflow:hidden;aspect-ratio:9 / 14;border-radius:18px;border:1px solid rgba(255,255,255,.35);background:#e8eef7;box-shadow:0 10px 32px #10182824}.index-video__media--clickable{cursor:pointer}.index-video__preview,.index-video__poster,.index-video__placeholder,.index-video__placeholder svg{width:100%;height:100%;object-fit:cover;display:block}.index-video__shade{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;background:linear-gradient(180deg,#00000073,#0000 28%),linear-gradient(180deg,#0000 48%,#00000047 72%,#000000b8);pointer-events:none}.index-video__play{position:absolute;top:50%;left:50%;z-index:4;display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;color:#1a1c1d;transform:translate(-50%,-50%);pointer-events:none}.index-video__play-pulse{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;background:#ffffff73;animation:index-video-play-breathe 2.2s ease-in-out infinite}.index-video__play-icon{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;background:#ffffffeb;box-shadow:0 4px 16px #0000001f;animation:index-video-play-scale 2.2s ease-in-out infinite}@keyframes index-video-play-breathe{0%,to{transform:scale(1);opacity:.55}50%{transform:scale(1.35);opacity:0}}@keyframes index-video-play-scale{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.index-video__user{position:absolute;top:12px;left:12px;right:12px;z-index:3;display:flex;align-items:center;gap:8px;color:#fff;pointer-events:none}.index-video__avatar{flex-shrink:0;display:inline-flex;overflow:hidden;width:28px;height:28px;border-radius:50%;border:1.5px solid rgba(255,255,255,.9)}.index-video__avatar img{width:100%;height:100%;object-fit:cover;display:block}.index-video__author-name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:16px;line-height:1.5;font-weight:700;color:#fff;text-shadow:0 1px 3px rgba(0,0,0,.35)}.index-video__footer{position:absolute;inset:auto 0 0;z-index:3;padding:14px 14px 16px;color:#fff;pointer-events:none}.index-video__comment{display:-webkit-box;margin:0;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;font-size:16px;line-height:1.5;color:#fffffff2;text-shadow:0 1px 3px rgba(0,0,0,.35);word-break:break-word}.index-video__modal.video-lightbox-modal{padding:24px;display:flex;align-items:center;justify-content:center}.index-video__modal .video-lightbox-modal__content,.index-video__modal-content{width:min(1100px,calc(100vw - 48px));max-width:min(1100px,calc(100vw - 48px));max-height:calc(100vh - 48px);height:auto;margin:0 auto;padding:0;overflow:hidden;border-radius:20px;background:#fff;display:flex;flex-direction:column}.index-video__modal-close{z-index:6}.index-video__modal-panel{display:grid;grid-template-columns:3fr 2fr;width:100%;min-height:0;max-height:calc(100vh - 48px);height:min(720px,calc(100vh - 48px));background:#fff;overflow:hidden}.index-video__modal-media{position:relative;z-index:1;min-width:0;min-height:0;height:100%;padding-bottom:0!important;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;box-sizing:border-box}.index-video__modal-media .index-video__detail,.index-video__modal-media iframe,.index-video__modal-media video{position:static!important;inset:auto;width:auto!important;height:auto!important;max-width:100%;max-height:100%;object-fit:contain;display:block;border:0;border-radius:0;background:#000}.index-video__modal-info{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:0;height:100%;padding:28px 24px;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;text-align:center;background:#fff;box-sizing:border-box;scrollbar-gutter:stable}.index-video__modal-info:before,.index-video__modal-info:after{content:"";flex:1 0 0;min-height:0;width:100%;pointer-events:none}.index-video__modal-info::-webkit-scrollbar{width:6px}.index-video__modal-info::-webkit-scrollbar-track{background:transparent}.index-video__modal-info::-webkit-scrollbar-thumb{background:#10182833;border-radius:999px}.index-video__modal-info::-webkit-scrollbar-thumb:hover{background:#10182859}.index-video__modal-avatar{display:none;overflow:hidden;width:64px;height:64px;border-radius:50%;background:#eef2f7;flex-shrink:0}.index-video__modal-article{display:flex;gap:10px}.index-video__modal-avatar.is-visible{display:inline-flex}.index-video__modal-avatar img{width:100%;height:100%;object-fit:cover;display:block}.index-video__modal-name{margin:0;font-size:20px;line-height:1.3;font-weight:700;color:#1a1c1d;height:64px;display:flex;align-items:center}.index-video__modal-description-box{position:relative}.index-video__modal-description-box span{position:absolute;font-size:50px;opacity:.5;line-height:1}.index-video__modal-description-box span:nth-child(1){top:0;left:0}.index-video__modal-description-box span:nth-child(2){bottom:-24px;right:0}.index-video__modal-description{margin:0;font-size:16px;line-height:1.5;color:#3a3f45;padding:24px 0}.index-video__modal-comment{margin:0;max-width:100%;flex-shrink:0;font-size:14px;line-height:1.5;color:#7a8088;word-break:break-word;white-space:pre-wrap;text-align:left;padding:0 0 20px}.index-video__modal-more{display:none;margin-top:12px;font-size:.875rem;line-height:1.4;font-weight:600;color:var(--index-video-accent, #2f80ed);text-decoration:none;flex-shrink:0}.index-video__modal-more.is-visible{display:inline-flex}a.index-video__modal-more:hover{text-decoration:underline;text-underline-offset:2px}.index-video__modal-info-top{display:flex;flex-direction:column;justify-content:center;gap:8px;flex-shrink:0;width:100%}index-video__modal-article-info{display:flex;flex-direction:column;gap:12px}@media(max-width:1024px){.index-video-inner{padding:48px 24px}.index-video__nav{width:40px;height:40px}.index-video__slide{width:300px}.index-video__modal.video-lightbox-modal{padding:16px}.index-video__modal .video-lightbox-modal__content,.index-video__modal-content{width:min(920px,calc(100vw - 32px));max-width:min(920px,calc(100vw - 32px));max-height:calc(100vh - 32px)}.index-video__modal-panel{height:min(640px,calc(100vh - 32px));max-height:calc(100vh - 32px)}.index-video__modal-media{padding:16px}.index-video__modal-info{padding:24px 20px}.index-video__title{font-size:36px}}@media(max-width:767px){.index-video-inner{padding:40px 15px}.index-video__stage{gap:4px}.index-video__slide{width:260px}.index-video__nav{width:34px;height:34px}.index-video__nav--prev,.index-video__nav--next{display:none}.index-video__play{width:50px;height:50px}.index-video__play-icon{width:42px;height:42px}.index-video__modal.video-lightbox-modal{padding:12px}.index-video__modal .video-lightbox-modal__content,.index-video__modal-content{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100vh - 24px)}.index-video__modal-panel{grid-template-columns:1fr;grid-template-rows:minmax(0,1.6fr) minmax(0,1fr);width:100%;height:min(720px,calc(100vh - 24px));max-height:calc(100vh - 24px)}.index-video__modal-media{padding:0;min-height:0}.index-video__modal-media .index-video__detail,.index-video__modal-media iframe,.index-video__modal-media video{max-height:100%}.index-video__modal-info{padding:20px 16px 24px;justify-content:flex-start}.index-video__modal-comment{font-size:14px}.index-video__modal-info-top{display:flex;flex-direction:column;justify-content:center;align-items:center}.index-video__modal-article-info{display:flex;flex-direction:column;align-items:self-start}.index-video__modal-close{background:#fff;border-radius:50%}.index-video__title{font-size:28px}.index-video__link,.index-video__comment{font-size:14px}.index-video__modal-name{height:48px}.index-video__modal-avatar{width:48px;height:48px}.index-video__author-name{font-size:14px}}@media(prefers-reduced-motion:reduce){.index-video__play-pulse,.index-video__play-icon,.index-video__nav,.index-video__card{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/227/assets/index-video.css.map */