.wrap{max-width:1700px;margin:0 auto;padding:0}.shorts_ch_img_lg{max-width:176px;border-radius:50%;border:1px solid rgba(140,140,140,.5)}.shorts_ch_img_sm{border-radius:50%;border:1px solid rgba(140,140,140,.5);vertical-align:middle}.shorts-header{position:relative}.shorts-close-btn{position:absolute;top:10px;right:15px;color:#333;cursor:pointer;z-index:99}.shorts-close-svg{width:30px;height:30px;stroke:#333;stroke-width:2;fill:none}.shorts-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:4px;padding:8px 62px 8px 15px}.shorts-title-section{display:flex;align-items:center;gap:6px;color:#111;font-size:1em}.shorts-icon-svg{width:24px;height:24px;flex-shrink:0}.shorts-orange-count{color:#ff8040}#shorts-counter{color:#333;font-size:1em}#shorts-list-toggle{background:#f0f0f0;border:1px solid #bbb;color:#333;padding:4px 14px;border-radius:20px;cursor:pointer;font-size:1em;transition:all .3s ease}.shorts-current-indicator{display:none}.shorts-video-box{z-index:2}.shorts-thumb-left{width:200px}.shorts-channel-row{display:flex;align-items:center;gap:6px;margin-top:8px}.shorts-channel-name{font-size:13px;color:#555;font-weight:600}.shorts-channel-link{display:flex;align-items:center;gap:4px;margin-top:8px}.shorts-channel-link-text{font-size:13px;color:#1a73e8;font-weight:600}.shorts-link-arrow{vertical-align:middle}.shorts-ment{margin-top:20px;padding-top:10px;border-top:1px dotted #F4F5FB;color:#ff8600;font-weight:700}.shorts-nav-wrap{position:relative;background:#fff}.shorts-nav-inner{position:absolute;right:20px;bottom:80px;width:60px;z-index:2}.swiper-btn-prev,.swiper-btn-next{width:60px;height:60px;background:#000000b3;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer}.swiper-btn-next{margin-top:20px}.wrap-short{max-width:1650px;width:97%;margin:0 auto;padding:0;background:#fff;border-radius:20px;box-shadow:0 4px 16px #0000001f;display:flex;flex-direction:column;height:calc(100vh - 120px);position:relative;z-index:1}.layout_title{text-align:center;padding:24px 0 8px;font-size:1.5em;font-weight:700;color:#111}.shorts-swiper-box{position:relative;width:100%;flex:1 1 auto;min-height:0;border-radius:0 0 20px 20px;overflow:hidden;margin:0 auto;box-shadow:none}.swiper{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:20px}.swiper-slide{display:flex;flex-direction:row;align-items:center;justify-content:center;background:#f5f5f5;border-radius:20px;height:100%;min-height:320px}.shorts-content-frame{display:contents}.shorts-video-box{flex:0 0 auto;display:flex;align-items:center;justify-content:center;height:100%;width:min(62%,calc((100vh - 200px)*.5625));max-width:560px;min-width:280px;background:#000;position:relative;border-radius:12px;overflow:hidden}.shorts-info-box{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 24px 0 30px;max-width:380px;min-width:200px}.shorts-thumb{width:90px;height:150px;object-fit:cover;border-radius:16px;margin-bottom:12px;margin-left:10px;box-shadow:0 2px 12px #666;background:#111}.shorts-title{color:#111;font-size:1.5em;font-weight:600;text-align:left;margin-bottom:0;padding:0 8px;width:100%}.swiper-button-next,.swiper-button-prev{display:none}.shorts-play-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scale(.5);pointer-events:none;z-index:30;width:90px;height:90px;background:#0000008c;border-radius:50%;display:flex;align-items:center;justify-content:center;opacity:0;animation:shortsIconPop .65s ease forwards;user-select:none}.shorts-play-icon svg{width:48px;height:48px;display:block}@keyframes shortsIconPop{0%{opacity:.9;transform:translate(-50%,-50%) scale(.5)}35%{opacity:1;transform:translate(-50%,-50%) scale(1.2)}to{opacity:0;transform:translate(-50%,-50%) scale(1.6)}}.shorts-list-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000f2;z-index:99;padding:20px;box-sizing:border-box;overflow-y:auto;border-radius:20px;display:none}.shorts-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #444}.shorts-list-title{color:#fff;font-size:1.4em;font-weight:700}.shorts-list-close{background:none;border:1px solid #fff;color:#fff;padding:8px 16px;border-radius:20px;cursor:pointer;font-size:.9em}.shorts-list-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:15px}.shorts-list-item{display:flex;background:#ffffff1a;border-radius:12px;padding:12px;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.shorts-list-item:hover{background:#fff3;transform:translateY(-2px)}.shorts-list-item.current{border:2px solid #ff4444;background:#f443}.shorts-list-thumb{width:60px;height:100px;object-fit:cover;border-radius:8px;margin-right:12px;flex-shrink:0}.shorts-list-info{flex:1;display:flex;flex-direction:column;justify-content:flex-start}.shorts-list-item-title{color:#fff;font-size:.95em;font-weight:600;line-height:1.3;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.shorts-list-meta{color:#ccc;font-size:.8em}.shorts-current-indicator{color:#f44;font-weight:700;font-size:.8em;margin-top:4px}.shorts-page-header{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap}.shorts-title-section{flex:1 1 auto;display:flex;align-items:center}.shorts-link-section{flex:0 0 auto;display:flex;align-items:center;gap:8px}.shorts-icon svg{transition:transform .3s ease}.shorts-link-section:hover .shorts-icon svg{transform:scale(1.1)}.shorts-link-section:hover .shorts-arrow-icon{transform:translate(3px)}.shorts-mob-spacer{height:0}@media(max-width:1600px){.shorts-mob-spacer{height:80px}.wrap-short{height:calc(100vh - 200px)}}@media(max-width:1024px){.shorts-mob-spacer{height:70px}.wrap-short{margin-top:70px;height:calc(100vh - 135px)}}@media(min-width:1700px){.wrap-short{max-width:90vw}}@media(min-width:1600px){.swiper-slide{position:relative;justify-content:center}.shorts-info-box{position:absolute;right:24px;top:50%;transform:translateY(-50%);padding:20px;background:#f5f5f5f5;border-radius:12px;box-shadow:0 2px 12px #0000001a;max-width:340px;min-width:220px;justify-content:flex-start}}@media(max-width:1024px){.wrap{padding:0}.wrap-short{border-radius:12px;margin:0 8px;max-width:none;width:calc(100% - 16px);box-shadow:0 2px 10px #0000001a;height:calc(100vh - 136px);overflow:hidden}.shorts-swiper-box{border-radius:0 0 12px 12px;min-height:0}.swiper{border-radius:0 0 12px 12px}.swiper-slide{flex-direction:column;min-height:100%;border-radius:0;position:relative;background:#000}.shorts-content-frame{display:block;position:relative;height:calc(100% - 50px);aspect-ratio:9/16;max-width:100%;margin:auto;border-radius:12px;overflow:hidden}.shorts-video-box{width:100%;height:100%;min-height:0}.shorts-info-box{position:absolute;bottom:0;left:0;right:0;z-index:5;padding:10px 15px;flex-direction:row;align-items:center;background:linear-gradient(transparent,#000000b3);color:#fff;gap:10px;pointer-events:none}.shorts-info-box>.left{display:none}.shorts-thumb{display:none}.shorts-title{font-size:.9em;text-align:left;width:auto;padding:0;line-height:1.3;flex:1;color:#fff;pointer-events:auto}.shorts-info-box>div:nth-child(3),.shorts-info-box>div:nth-child(4){display:none!important}.shorts-btn,.shorts-ment{display:none}.shorts-list-grid{grid-template-columns:1fr}.shorts-list-overlay{padding:15px;border-radius:0 0 12px 12px}.swiper-btn-prev,.swiper-btn-next{position:fixed!important;right:20px!important;width:50px!important;height:50px!important;z-index:99!important}.swiper-btn-prev{bottom:120px!important}.swiper-btn-next{bottom:60px!important}.shorts-header{background:#fffffff7;border-bottom:1px solid #e0e0e0;border-radius:12px 12px 0 0}.shorts-controls{flex-direction:row;align-items:center;gap:8px;padding:8px 50px 8px 15px!important}.shorts-title-section{flex:1}#shorts-counter{display:none}#shorts-list-toggle{font-size:.9em!important;order:1;align-self:center}.shorts-guide{display:none}.shorts-close-btn{top:8px!important;right:10px!important}.shorts-close-btn svg{width:25px!important;height:25px!important}.shorts-page-header{margin-top:5px!important;padding:0 10px!important;flex-direction:row;align-items:center;justify-content:space-between;gap:10px}.shorts-title-section{padding:5px 0!important;justify-content:flex-start;flex:1}.shorts-title-text{font-size:14px!important;padding-left:6px!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shorts-label-text{display:none}.shorts-icon svg{width:24px!important;height:24px!important}.shorts-link-section{padding:6px 12px!important;justify-content:center;align-self:center;background:#0000000d;border-radius:20px;transition:all .3s ease;flex:0 0 auto;white-space:nowrap}.shorts-link-section:hover{background:#0000001a;transform:translateY(-1px)}.shorts-link-text{font-size:11px!important}.shorts-link-text span{padding-top:0!important}.shorts-arrow-icon{width:16px!important}}@media(max-width:1024px)and (orientation:portrait){.shorts-swiper-box{height:calc(100vh - 110px)}.shorts-content-frame{height:calc(100% - 50px)}}@media(max-width:1024px)and (orientation:landscape){.shorts-swiper-box{height:calc(100vh - 60px)}.shorts-content-frame{display:block;position:relative;height:calc(100% - 30px);aspect-ratio:auto;width:100%;max-width:100%;margin:auto;border-radius:12px;overflow:hidden}.swiper-slide{flex-direction:row;position:relative}.shorts-video-box{width:100%;height:100%}.shorts-info-box{position:absolute;bottom:0;left:0;right:0;flex-direction:row;padding:8px 15px}.shorts-title{font-size:.85em}}@media(max-width:600px){.layout_title{font-size:1.2em;padding:15px 0 5px}.shorts-swiper-box{height:calc(100vh - 110px);min-height:400px}.shorts-content-frame{height:calc(100% - 40px)}.shorts-info-box{padding:8px 12px}.shorts-title{font-size:.85em;padding:0 5px}.wrap>div:first-child{flex-direction:column;align-items:flex-start;gap:10px}.wrap>div:first-child .fright{align-self:flex-end;padding-top:0!important}.shorts-page-header{margin-top:3px!important;padding:0 8px!important;gap:8px}.shorts-title-section{padding:3px 0!important}.shorts-title-text{font-size:13px!important;padding-left:5px!important}.shorts-icon svg{width:22px!important;height:22px!important;padding-top:1px!important}.shorts-link-section{padding:5px 10px!important}.shorts-link-text{font-size:10px!important}.shorts-arrow-icon{width:14px!important}}@media(max-width:400px){.shorts-swiper-box{height:calc(100vh - 140px);min-height:400px}.shorts-video-box{min-height:250px}.shorts-info-box{padding:10px}.shorts-title{font-size:.85em;line-height:1.3}.swiper-btn-prev,.swiper-btn-next{width:45px!important;height:45px!important;right:15px!important}.swiper-btn-prev{bottom:100px!important}.swiper-btn-next{bottom:50px!important}.shorts-controls{padding:8px 50px 8px 15px!important}#shorts-counter{font-size:1em!important}#shorts-list-toggle{font-size:.9em!important;padding:4px 12px!important}.shorts-guide{font-size:.9em!important;padding:8px!important;text-align:center!important}.shorts-page-header{margin-top:0!important;padding:0 5px!important;gap:5px}.shorts-title-section{padding:2px 0!important}.shorts-title-text{font-size:12px!important;padding-left:4px!important}.shorts-icon svg{width:20px!important;height:20px!important}.shorts-link-section{padding:4px 8px!important}.shorts-link-text{font-size:9px!important}.shorts-link-text img{width:18px!important}.shorts-arrow-icon{width:12px!important}}html.dark .wrap-short{background:#1e1e1e;box-shadow:0 4px 16px #00000080}html.dark .swiper-slide{background:#2a2a2a}html.dark .shorts-header{background:#282828f7!important;border-bottom-color:#555}html.dark .shorts-header .shorts-title-text{color:#f0f0f0!important}html.dark .shorts-header #shorts-counter{color:#ccc!important}html.dark .shorts-header #shorts-list-toggle{background:#444!important;border-color:#666!important;color:#f0f0f0!important}html.dark .shorts-close-btn svg{stroke:#ccc!important}html.dark .shorts-close-svg{stroke:#ccc}html.dark .shorts-channel-name{color:#ccc}html.dark .shorts-nav-wrap,html.dark .shorts-swiper-box{background:#1e1e1e}html.dark .shorts-info-box{background:#232323f7!important;color:#ddd}html.dark .shorts-title{color:#f0f0f0}html.dark .shorts-ment{color:#bbb}@media(max-width:1024px){html.dark .shorts-info-box{background:linear-gradient(transparent,#000000bf)!important}html.dark .shorts-title{color:#fff}html.dark .swiper-slide{background:#000}}