Update referral contact links

Author: jinwandalaohu66

docs/contact/index.html

@@ -46,7 +46,12 @@ <h1 class="contact-title reveal" id="contact-title" data-t="contactTitle">领取
 
         <section class="contact-panel reveal" aria-labelledby="contact-method-title">
           <h2 class="section-title" id="contact-method-title" data-t="contactMethodTitle">联系方式</h2>
-          <p class="contact-body" data-t="contactMethodBody">请通过活动发布账号联系开发者，并发送申请编号。此页面会保持最新联系方式。</p>
+          <p class="contact-body" data-t="contactMethodBody">选择一个平台联系开发者，并发送申请编号。此页面会保持最新联系方式。</p>
+          <div class="contact-link-list" aria-label="联系方式">
+            <span class="contact-link is-disabled" aria-disabled="true" data-t="contactQQPending">QQ（待补链接）</span>
+            <a class="contact-link" href="https://t.me/DLH52" target="_blank" rel="noopener noreferrer" data-t="contactTelegram">Telegram</a>
+            <a class="contact-link" href="https://xhslink.com/m/6Js4Cnqx8fM" target="_blank" rel="noopener noreferrer" data-t="contactXiaohongshu">小红书</a>
+          </div>
         </section>
 
         <section class="contact-panel reveal" aria-labelledby="contact-request-title">

docs/referral/referral.css

@@ -598,6 +598,57 @@ body.invite-missing-code .invite-hero > .inline-link {
   line-height: 1.75;
 }
 
+.contact-link-list {
+  margin-top: 20px;
+  border-top: 1px solid var(--line);
+}
+
+.contact-link {
+  min-height: 54px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 18px;
+  border-bottom: 1px solid var(--line);
+  color: var(--ink);
+  font-size: 16px;
+  font-weight: 620;
+  line-height: 1.4;
+  text-decoration: none;
+  transition: color 180ms ease, opacity 180ms ease, transform 180ms ease;
+}
+
+.contact-link::after {
+  content: "打开";
+  flex: 0 0 auto;
+  color: var(--muted);
+  font-size: 13px;
+  font-weight: 520;
+}
+
+html[data-lang="en"] .contact-link::after {
+  content: "Open";
+}
+
+.contact-link[href]:hover {
+  color: var(--ink);
+  transform: translateX(2px);
+}
+
+.contact-link.is-disabled {
+  color: var(--muted);
+  cursor: default;
+}
+
+.contact-link.is-disabled::after {
+  content: "待补";
+  color: var(--subtle);
+}
+
+html[data-lang="en"] .contact-link.is-disabled::after {
+  content: "Pending";
+}
+
 .contact-request-list {
   display: grid;
   gap: 0;

docs/referral/referral.js

@@ -49,7 +49,10 @@ const copy = {
     contactTitle: "领取 Pro 终身 5 折",
     contactSummary: "达到 20 位有效邀请后，请在 App 内提交申请，并带上申请编号联系开发者。",
     contactMethodTitle: "联系方式",
-    contactMethodBody: "请通过活动发布账号联系开发者，并发送申请编号。此页面会保持最新联系方式。",
+    contactMethodBody: "选择一个平台联系开发者，并发送申请编号。此页面会保持最新联系方式。",
+    contactQQPending: "QQ（待补链接）",
+    contactTelegram: "Telegram",
+    contactXiaohongshu: "小红书",
     contactRequestTitle: "发送时包含",
     contactRequest1Title: "申请编号",
     contactRequest1Body: "在 App 的邀请页点击「Pro 终身 5 折」-「查看」，复制 REF 开头的编号。",
@@ -106,7 +109,10 @@ const copy = {
     contactTitle: "Claim 50% Off Pro Lifetime",
     contactSummary: "After reaching 20 valid referrals, submit the request in the app and contact the developer with your claim ID.",
     contactMethodTitle: "Contact",
-    contactMethodBody: "Contact the developer through the campaign channel and send your claim ID. This page will keep the latest contact details.",
+    contactMethodBody: "Choose a platform below and send your claim ID. This page will keep the latest contact details.",
+    contactQQPending: "QQ (link pending)",
+    contactTelegram: "Telegram",
+    contactXiaohongshu: "Xiaohongshu",
     contactRequestTitle: "Include these details",
     contactRequest1Title: "Claim ID",
     contactRequest1Body: "In the app referral page, tap Pro Lifetime 50% Off - View, then copy the ID starting with REF.",