/** * 聊天详情页样式(重构后大幅简化,气泡主体样式封装在 ui-message-bubble 内) */ .page { display:flex; flex-direction:column; height:100vh; background:var(--color-bg-page); box-sizing:border-box; } /* 右上角更多按钮 */ .more-btn { font-size:40rpx; color:var(--color-text-secondary); padding:0 var(--spacing-2); line-height:1; } /* 安全提示 */ .safety-tip { background:var(--color-warning-light); padding:var(--spacing-2) var(--spacing-page-x); font-size:var(--font-size-xs); color:var(--color-warning-strong); text-align:center; line-height:var(--line-height-normal); } /* 消息列表 */ .msg-list { flex:1; min-height:0; box-sizing:border-box; padding:var(--spacing-2) 0; } .load-more-hint { text-align:center; padding:var(--spacing-2); color:var(--color-text-tertiary); font-size:var(--font-size-xs); } /* 输入栏 */ .input-bar { background:var(--color-bg-card); padding:var(--spacing-2) var(--spacing-page-x); padding-bottom:calc(var(--spacing-2) + env(safe-area-inset-bottom)); border-top:var(--border-width) solid var(--color-border); } .input-wrapper { display:flex; align-items:center; gap:var(--spacing-2); } .input { flex:1; height:72rpx; background:var(--color-bg-page); border-radius:var(--radius-full); padding:0 var(--spacing-3); font-size:var(--font-size-md); color:var(--color-text-primary); } /* 会话已停用 */ .blocked-tip { background:var(--color-bg-card); text-align:center; padding:var(--spacing-5) var(--spacing-page-x); padding-bottom:calc(var(--spacing-5) + env(safe-area-inset-bottom)); color:var(--color-text-tertiary); font-size:var(--font-size-sm); border-top:var(--border-width) solid var(--color-border); }