/** * 结构化卡片样式 — card-message.css * 与 APP 端 chatCard.uvue 布局对齐：统一卡片布局 * 支持 6 种卡片类型:article,live_reminder,user_recommend,circle_share,circle_invite,group_invite * * ⚠ 几何唯一真相源：所有卡片一律 280 × 165（见下方「统一卡片几何」一节）。 * 本文件与 APP chatCard.uvue 的同名规则逐字对齐，改一处必须改两处； * 改完用 public/static/probe-cards.html 探针复测（所有卡片应同宽同高）。 * * ⚠ 本文件此前只在两个消息页被加载（期衍所消息页 <link> + 天眼 tianyan-mobile.js）， * 而 header.html 的 $chatCssAssets 聊天资源清单漏了它 —— 站内其它页面的聊天浮窗 * 只吃 chat-window.css 里那份「紧凑版」卡片规则（无宽度/无边框/无缩略图）， * 卡片样式因此两端漂移。清单已补齐，勿再删。 */ .msg-card{box-sizing:border-box;width:240px;max-width:100%;position:relative;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:box-shadow .15s;background:var(--surface-card);border:1px solid #DFDFDF;box-shadow:0 2px 8px rgba(0,0,0,.06)}.msg-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.12)}.msg-card-content-row{box-sizing:border-box;display:flex;flex-direction:row;height:80px;padding:12px 12px 8px 12px;gap:10px}.msg-card-text-area{flex:1;min-width:0}.msg-card-title{font-size:15px;font-weight:var(--font-weight-semibold);line-height:20px;max-height:40px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;color:#1a1d24}.msg-card-desc{font-size:12px;line-height:16px;margin-top:4px;max-height:16px;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;color:#8E8E93}.msg-card-thumb-wrap{width:44px;height:44px;border-radius:var(--radius-sm);overflow:hidden;flex-shrink:0}.msg-card-thumb-img{width:44px;height:44px;object-fit:cover}.msg-card-divider{height:1px;background-color:var(--color-gray-200);margin:0 12px}.msg-card-footer{box-sizing:border-box;height:26px;padding:0 12px;display:flex;flex-direction:row;justify-content:space-between;align-items:center}.msg-card-source{display:flex;flex-direction:row;align-items:center;flex:1;min-width:0;gap:4px}.msg-card-source-icon{width:12px;height:12px;border-radius:var(--radius-xs);flex-shrink:0}.msg-card-source-text{font-size:11px;color:#9ba3b5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-card-action{font-size:11px;color:var(--text-link,#2878FF);white-space:nowrap;flex-shrink:0}.msg-share-card{width:280px;border-radius:var(--radius-md);overflow:hidden;cursor:pointer;transition:box-shadow .15s}.msg-share-card:hover{box-shadow:0 2px 12px rgba(0,0,0,.12)}.msg-share-card-self{background:var(--color-brand-500,#FF7224);color:var(--color-white)}.msg-share-card-other{background:var(--surface-card);border:1px solid #DFDFDF;color:#1a1d24}.msg-share-card-inner{padding:12px 14px 11px 14px}.msg-share-card-main{position:relative;min-height:72px;width:100%}.msg-share-card-headline{font-size:14px;font-weight:var(--font-weight-semibold);padding-right:76px;line-height:20px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.msg-share-card-self .msg-share-card-headline{color:var(--color-white)}.msg-share-card-other .msg-share-card-headline{color:#1a1d24}.msg-share-card-signature{font-size:11px;padding-right:76px;margin-top:4px;line-height:16px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;word-break:break-all}.msg-share-card-self .msg-share-card-signature{color:rgba(255,255,255,.75)}.msg-share-card-other .msg-share-card-signature{color:#8E8E93}.msg-share-card-corner{position:absolute;right:0;bottom:0;width:64px;height:64px;border-radius:var(--radius-sm);overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.06)}.msg-share-card-corner img{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm)}.msg-share-card-corner-user{border-radius:var(--radius-md)}.msg-share-card-corner-user img{border-radius:var(--radius-md)}.msg-share-card-corner-stock{border-radius:0}.msg-share-card-corner-stock img{border-radius:0;object-fit:contain}.msg-share-card-divider{height:1px;background:var(--color-gray-200);margin:10px 0 8px}.msg-share-card-self .msg-share-card-divider{background:rgba(255,255,255,.25)}.msg-share-card-footer{display:flex;align-items:center;gap:6px}.msg-share-card-author-icon{width:20px;height:20px;border-radius:50%;object-fit:cover;flex-shrink:0}.msg-share-card-author-icon-stock{width:22px;height:22px;border-radius:var(--radius-sm)}.msg-share-card-author-name{font-size:11px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msg-share-card-self .msg-share-card-author-name{color:rgba(255,255,255,.8)}.msg-share-card-other .msg-share-card-author-name{color:#8E8E93}