/* 头像容器：避免断点切换瞬间跳变尺寸（添加平滑过渡与最大宽度钳制） */
#profileHeader img#pAvatar{
  transition: width .2s ease, height .2s ease, transform .2s ease;
}
/* 小屏单列布局时放大头像容器占比 */
@media (max-width: 767.98px){
  #profileHeader .avatar-box{max-width:min(72vw,360px);} /* 原本140-180px，提高到占屏更大比例 */
}
/* 自定义少量样式，保持Tailwind为主 */
.modal-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.45);display:none;align-items:center;justify-content:center;z-index:60}
.modal-backdrop.show{display:flex}
.modal-panel{width:min(1680px,99vw);max-height:94vh;background:#fff;border-radius:12px;box-shadow:0 10px 30px rgba(2,6,23,.18)}
.small-panel{width:min(460px,92vw);max-height:86vh}
.m-modal{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:center;z-index:60;pointer-events:auto}
.m-modal::before{content:"";position:absolute;inset:0;background:rgba(15,23,42,.45)}
.m-modal-card{width:100%;height:60%;max-height:60%;background:#fff;border-radius:16px 16px 0 0;box-shadow:0 10px 30px rgba(2,6,23,.18);transform:translateY(100%);transition:transform .25s ease}
.m-modal-card.show{transform:translateY(0)}
/* 顶部黑条固定（刘海/听筒装饰始终最上方） */
.mobile-notch{position:absolute;top:0;left:0;right:0;height:24px;background:#000;display:flex;align-items:center;justify-content:center;z-index:50}
.mobile-notch-bar{width:120px;height:6px;background:#222;border-radius:3px}
.waterfall{column-count:3;column-gap:.75rem}
/* 更早进入 5 列：≥900px；≥640px 为 4 列；基础 3 列 */
@media(min-width:640px){.waterfall{column-count:4}}
@media(min-width:900px){.waterfall{column-count:5}}
.waterfall .card{break-inside:avoid;margin-bottom:.75rem;-webkit-column-break-inside:avoid;page-break-inside:avoid}
/* 标题两行截断，确保等高 */
.card-title-2line{line-clamp:2;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}

/* Mobile 瀑布流（2列固定） */
.m-waterfall{column-count:2;column-gap:.5rem}
.m-waterfall .m-card{break-inside:avoid;margin-bottom:.5rem;-webkit-column-break-inside:avoid;page-break-inside:avoid}

/* 隐藏滚动条（保留手势滑动） */
.no-scrollbar{scrollbar-width:none;-ms-overflow-style:none}
.no-scrollbar::-webkit-scrollbar{display:none}