/* else0626 im消息-样式表：IM/消息中心全部样式（导航红点 / 推送 toast / 公告 / 广告 / 空态）。 红点/toast 的 DOM 在导航里(每页都有)，由各页 引入本表。 */ /* ───── 导航红点 + 移动端即时广告条（navigation.php，全站） ───── */ /* 头像未读红点（放在圆形头像外层，避免被 .user_target 的 overflow:hidden 裁切） */ .nav-categories .search-extra > li, .side-toolbar-list .ai-my-item { position: relative; } .user_target { position: relative; } .user_target + .ai-dot { position: absolute; top: 15px; right: 8px; width: 9px; height: 9px; border-radius: 50%; background: #ff2d2d; border: 1.5px solid #181818; pointer-events: none; z-index: 2; } /* 下拉菜单「消息中心」红点 */ .user_menu .ai-dot-inline { display: inline-block; width: 7px; height: 7px; border-radius: 50%; background: #ff2d2d; margin-left: 6px; vertical-align: middle; } /* 红点/toast 默认隐藏，im.js 按未读 toggle 'hidden' 类 */ .ai-dot.hidden, .ai-dot-inline.hidden, .ai-msg-toast.hidden { display: none !important; } /* else0626 im消息-toast样式 start：推送轮播条，按 Figma 设计（渐变背景图 + 铃铛 + 竖分隔线 + 立即查看 #b3ae96）。 H5 在 .nav-fixed 内(搜索框下方)；PC 端 .nav-fixed 隐藏，im.js 把本条移到内容列顶部。设计稿 H5=2x(÷2)、PC=1x */ .ai-msg-toast { position: relative; display: flex; align-items: center; margin: 8px 11px 0; height: 32px; padding: 0 9px; border-radius: 8px; overflow: hidden; background: url(/usr/plugins/Im/assets/message/images/toast-bg.png?v=2) center/cover no-repeat; } .ai-msg-toast .mt-ico { width: 23px; height: 23px; flex: 0 0 23px; object-fit: contain; } /* 喇叭与文案之间的竖分隔线（Figma line，16px 半高） */ .ai-msg-toast .mt-text { position: relative; flex: 1; min-width: 0; margin-left: 9px; padding-left: 9px; color: #fff; font-size: 12px; font-weight: 500; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .ai-msg-toast .mt-text::before { content: ""; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 16px; background: rgba(255,255,255,.4); } .ai-msg-toast .mt-more { display: flex; align-items: center; flex: 0 0 auto; margin-left: 8px; color: #b3ae96; font-size: 12px; font-weight: 500; text-decoration: none; white-space: nowrap; } .ai-msg-toast .mt-more .mt-arrow { width: 12px; height: 12px; margin-left: 2px; } @media (min-width: 768px) { .ai-msg-toast { margin: 0; border-radius: 39px; } } /* else0626 im消息-toast样式 end */ body.ai-page-message .ai-msg-toast { display: none; } /* ───── 消息列表页（components/message/list.php）：公告入口/广告卡排序 ───── */ .ai-msg-list { display: flex; flex-direction: column; } @media (min-width: 768px) { .ai-msg-list .ai-msg-ad { order: 1; } .ai-msg-list .ai-msg-notice-entry { order: 2; } } /* ───── 消息详情页（components/message/detail.php）：广告/公告未读红点 + 空态 ───── */ .ai-msg-ad .ad-dot { position: absolute; right: 13px; top: 6px; width: 6px; height: 6px; border-radius: 50%; background: #ff2d2d; } /* 公告未读红点 + 空态（im.js 渲染用） */ .ai-msg-announce { position: relative; } .ai-msg-announce .ai-msg-dot { position: absolute; right: 13px; top: 60px; width: 6px; height: 6px; border-radius: 50%; background: #ff2d2d; } .ai-msg-empty { padding: 40px 0; text-align: center; color: #828282; font-size: 14px; } @media (min-width: 768px) { .ai-msg-ad .ad-dot { display: none; } .ai-msg-announce .ai-msg-dot { top: 6px } .user_target + .ai-dot { position: absolute; top: 2px; right: 5px; } }