第八轮最小粒度测试：修复CSS选择器/JSX结构不匹配的一整类bug，清理Tinode品牌残留

第八轮改用"读CSS选择器+核对JSX结构"的方式复测全部11章，命中了7轮纯接口测试从未发现的一类
问题——选择器写对了但目标元素的实际DOM结构/className对不上，样式静默失效：

- 语音通话最小化胶囊按钮尺寸被同特异度规则覆盖；移动端悬浮通话窗口left/right/width三值同时
  生效导致过度约束；来电全屏页认证徽章/姓名标题缺少专属样式覆盖
- 我的收藏-语音卡片三列grid对应实际只有1个子元素，播放器被压缩到卡片左侧一角；链接/记录头部
  完全没有基础样式，退化成浏览器默认外观
- 多选模式下"收到的"消息气泡被flex auto-margin一起拖到最右侧；.avatar-box/#send-message-panel
  两处逗号断句错误导致后半句选择器丢失祖先限定
- 按住说话悬浮反馈渲染成内联胶囊，而参考图要求的居中悬浮卡片样式其实已经存在（挂在了另一个非
  生产demo组件上）；批量转发确认框沿用了80%视口高度；audio-player.jsx的playback类点在canvas
  上而非包裹层，波形和计时器可能纵向堆叠
- "消息已撤回"占位符误拼了日期分隔条的class而非专属的deleted

品牌清理：浏览器标签页标题、未读数标题更新均硬编码"Tinode"；LINK_CONTACT_US等三个链接常量
指向开源Tinode项目自己的域名（联系我们改为跟用户条款/隐私协议一致的toast，不再发起外部mailto）。

以及：空会话丢失.chat-box样式类、青少年模式PIN定位、若干收藏/文件类型展示细节。

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

src/views/acc-support-view.jsx

@@ -2,27 +2,31 @@
 import React from 'react';
 import { FormattedMessage } from 'react-intl';
 
-import { Tinode } from 'tinode-sdk';
-
 import { APP_NAME, LINK_CONTACT_US, LINK_PRIVACY_POLICY, LINK_TERMS_OF_SERVICE } from '../config.js';
 
+// Renders as a real link when a destination is configured, or as inert (non-navigating) text
+// otherwise -- same treatment auth-onboarding-view.jsx already gives its own placeholder
+// 用户协议/隐私政策 links when there's no real page to send the user to.
+function FlatLink({href, icon, children}) {
+  return href ?
+    <a href={href} className="flat-button" target="_blank"><i className="material-icons">{icon}</i> &nbsp;{children}</a> :
+    <span className="flat-button"><i className="material-icons">{icon}</i> &nbsp;{children}</span>;
+}
+
 export default class AccSupportView extends React.PureComponent {
   render() {
     return (
       <div className="scrollable-panel">
         <div className="panel-form-column">
-          <a href={LINK_CONTACT_US} className="flat-button" target="_blank">
-            <i className="material-icons">email</i> &nbsp;<FormattedMessage id="link_contact_us"
-              defaultMessage="Contact Us" description="Ancor text for contacting us by email" />
-          </a>
-          <a href={LINK_TERMS_OF_SERVICE} className="flat-button" target="_blank">
-            <i className="material-icons">description</i> &nbsp;<FormattedMessage id="link_terms_of_service"
-              defaultMessage="Terms of Service" description="Ancor text for terms of service link" />
-          </a>
-          <a href={LINK_PRIVACY_POLICY} className="flat-button" target="_blank">
-            <i className="material-icons">policy</i> &nbsp;<FormattedMessage id="link_privacy_policy"
-              defaultMessage="Privacy Policy" description="Ancor text for privacy policy link" />
-          </a>
+          <FlatLink href={LINK_CONTACT_US} icon="email">
+            <FormattedMessage id="link_contact_us" defaultMessage="Contact Us" description="Ancor text for contacting us by email" />
+          </FlatLink>
+          <FlatLink href={LINK_TERMS_OF_SERVICE} icon="description">
+            <FormattedMessage id="link_terms_of_service" defaultMessage="Terms of Service" description="Ancor text for terms of service link" />
+          </FlatLink>
+          <FlatLink href={LINK_PRIVACY_POLICY} icon="policy">
+            <FormattedMessage id="link_privacy_policy" defaultMessage="Privacy Policy" description="Ancor text for privacy policy link" />
+          </FlatLink>
         </div>
         <div className="hr" />
         <div className="panel-form-column">
@@ -31,10 +35,6 @@ export default class AccSupportView extends React.PureComponent {
               description="Label for a client version" /></label>
             {APP_NAME}
           </div>
-          <div className="panel-form-row">
-            <label className="small"><FormattedMessage id="label_sdk" defaultMessage="SDK:" /></label>
-            {Tinode.getLibrary()}
-          </div>
           <div className="panel-form-row">
             <label className="small"><FormattedMessage id="label_server" defaultMessage="Server:"
               description="Label for a server version" /></label>