.kwyp{--kwyp-gap:12px;display:flex;flex-direction:column;gap:var(--kwyp-gap);width:100%}.kwyp--top{flex-direction:column-reverse}.kwyp--left,.kwyp--right{flex-direction:row;align-items:stretch}.kwyp--left{flex-direction:row-reverse}.kwyp-main{flex:1 1 auto;min-width:0}.kwyp-player{position:relative;width:100%;height:0;background:#0f0f0f;overflow:hidden}.kwyp-frame-host,.kwyp-facade,.kwyp-player iframe{position:absolute;inset:0;width:100%;height:100%;border:0;display:block}.kwyp-frame-host[hidden],.kwyp-facade[hidden]{display:none !important}.kwyp-facade{padding:0;margin:0;border:0;cursor:pointer;background:#111}.kwyp-facade__img{width:100%;height:100%;object-fit:cover;display:block}.kwyp-facade__play{position:absolute;left:50%;top:50%;width:68px;height:48px;margin:-24px 0 0 -34px;border-radius:14px;background:red;box-shadow:0 8px 24px rgba(0,0,0,.35)}.kwyp-facade__play:before{content:"";position:absolute;left:50%;top:50%;transform:translate(-35%,-50%);border-style:solid;border-width:10px 0 10px 16px;border-color:transparent transparent transparent #fff}.kwyp-tabs{display:flex;flex-direction:column;gap:8px;min-width:0}.kwyp--bottom .kwyp-tabs,.kwyp--top .kwyp-tabs{flex-direction:row;flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}.kwyp--left .kwyp-tabs,.kwyp--right .kwyp-tabs{flex:0 0 min(320px,38%);overflow-y:auto;overflow-x:hidden}.kwyp-tab{display:flex;align-items:center;gap:10px;width:100%;text-align:left;border:1px solid rgba(0,0,0,.08);background:#f6f6f6;color:#111;border-radius:10px;padding:8px;cursor:pointer;transition:background-color .15s ease,color .15s ease,border-color .15s ease}.kwyp--bottom .kwyp-tab,.kwyp--top .kwyp-tab{flex:0 0 min(260px,78vw);width:auto}.kwyp-tab:hover{border-color:rgba(0,0,0,.2)}.kwyp-tab.is-active{background:#111;color:#fff;border-color:#111}.kwyp-tab__thumb{flex:0 0 96px;width:96px;aspect-ratio:16/9;border-radius:6px;overflow:hidden;background:#222}.kwyp-tab__thumb img{width:100%;height:100%;object-fit:cover;display:block}.kwyp-tab__meta{display:flex;align-items:flex-start;gap:8px;min-width:0;flex:1}.kwyp-tab__num{flex:0 0 auto;opacity:.7;font-weight:600;font-size:.85em;line-height:1.35}.kwyp-tab__title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:.92rem;line-height:1.35;font-weight:600}.kwyp-placeholder{display:flex;align-items:center;justify-content:center;min-height:160px;padding:1.25rem;text-align:center;color:#666;background:#f3f3f3;border:1px dashed #c3c4c7;border-radius:8px;font-size:14px}@media (max-width:767px){.kwyp--left,.kwyp--right{flex-direction:column}.kwyp--left .kwyp-tabs,.kwyp--right .kwyp-tabs{flex:1 1 auto;max-height:240px;width:100%}}