/* 全页面兼容补丁：只处理响应式、溢出和播放器避让，不改业务内容 */
html,body{max-width:100%;overflow-x:hidden}
img,video,canvas,svg{max-width:100%;height:auto}
iframe{max-width:100%}
main,section,article,aside,header,footer,div{min-width:0}
.table-wrap,.sector-table-wrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}
table{max-width:100%}
.article-card,.sector-card,.index-card,.glass,.vip-card{overflow-wrap:anywhere;word-break:break-word}
.topbar,.sector-topbar{max-width:calc(100vw - 16px)}
.language-select,select{max-width:100%}
@media(max-width:640px){
  .topbar,.sector-topbar{left:8px!important;right:8px!important;width:auto!important}
  .shell,.sector-shell,.page{max-width:100%!important}
  .index-grid,.other-grid,.grid.two,.grid.three,.vip-grid{grid-template-columns:1fr!important}
  .article-card,.sector-card{border-radius:20px!important}
  .table-wrap table,.sector-table-wrap table{min-width:680px}
}
@media(orientation:landscape) and (max-height:620px){
  .topbar,.sector-topbar{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:100%!important;margin:8px auto 0!important}
}


/* V13: two new module entrances, prevent top navigation overflow */
.top-actions,
.sector-top-actions,
.iv-actions {
    min-width: 0;
    max-width: 78%;
    overflow-x: auto;
    overflow-y: hidden;
    scrollbar-width: none;
    -webkit-overflow-scrolling: touch;
}
.top-actions::-webkit-scrollbar,
.sector-top-actions::-webkit-scrollbar,
.iv-actions::-webkit-scrollbar {
    display: none;
}
.investment-entry,
.posters-entry {
    flex: 0 0 auto;
    white-space: nowrap;
}
.sector-quick {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 6px;
    min-height: 38px;
    padding: 8px 11px;
    border: 1px solid rgba(255,255,255,.08);
    border-radius: 11px;
    background: rgba(255,255,255,.035);
    color: inherit;
    font-size: 11px;
    font-weight: 800;
}
@media (max-width: 760px) {
    .top-actions,
    .sector-top-actions,
    .iv-actions {
        max-width: 70%;
    }
    .investment-entry span,
    .posters-entry span {
        display: none !important;
    }
    .investment-entry,
    .posters-entry {
        width: 38px;
        min-width: 38px;
        padding-inline: 0 !important;
    }
}
