style(portal): 将主CTA重构为靠右侧纯正正圆图标FAB，释放全屏通透空间

mpuniapp/pages/portal/index.uvue

@@ -213,11 +213,11 @@
       <text class="ai-entry-text">{{ textOf('card.ai_chat') }}</text>
     </view>
 
-    <!-- 5. 单屏唯一定位主 CTA (悬浮动态胶囊：主人态分享名片 / 访客态保存到通讯录) -->
+    <!-- 5. 靠右侧核心主 CTA (图标形式：主人态分享出示 / 访客态保存到通讯录) -->
     <view v-if="state.card != null" class="portal-cta-bar">
-      <button class="primary-cta-btn" @click="handlePrimaryCta">
-        <text class="primary-cta-btn-text">{{ primaryCtaLabel }}</text>
-        <text class="primary-cta-btn-arrow">↗</text>
+      <button class="primary-cta-btn" :title="primaryCtaLabel" @click="handlePrimaryCta">
+        <text v-if="isOwner" class="primary-cta-btn-icon">↗</text>
+        <text v-else class="primary-cta-btn-icon">↓</text>
       </button>
     </view>
 
@@ -1277,52 +1277,41 @@ onUnload(() => {
   color: var(--oc-ai, #7C5CFF);
 }
 
-/* 5. 单屏唯一定位主 CTA (现代极简悬浮胶囊，透气留白，告别死板通栏横条) */
+/* 5. 靠右侧核心主 CTA (图标形式，正圆微光晕 FAB，彻底释放屏幕中下部空间) */
 .portal-cta-bar {
   position: fixed;
-  left: 0;
-  right: 0;
+  inset-inline-end: 16px;
   bottom: calc(16px + var(--window-bottom, 0px) + env(safe-area-inset-bottom, 0px));
-  display: flex;
-  flex-direction: row;
-  justify-content: center;
-  align-items: center;
-  pointer-events: none;
   z-index: 100;
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .primary-cta-btn {
-  pointer-events: auto;
-  height: 44px;
-  min-height: 44px;
-  width: auto;
-  min-width: 150px;
-  max-width: 220px;
-  padding: 0 24px;
+  width: 48px;
+  height: 48px;
+  min-width: 48px;
+  min-height: 48px;
+  padding: 0;
   background: var(--oc-primary-gradient, linear-gradient(135deg, #00A3FF 0%, #0B63E5 100%));
   border-radius: var(--oc-radius-pill, 9999px);
-  box-shadow: 0 8px 24px rgba(0, 136, 255, 0.26), 0 2px 6px rgba(11, 99, 229, 0.12);
+  box-shadow: 0 8px 24px rgba(0, 136, 255, 0.35), 0 2px 6px rgba(11, 99, 229, 0.16);
   border: 1px solid rgba(255, 255, 255, 0.25);
   display: flex;
-  flex-direction: row;
   align-items: center;
   justify-content: center;
   cursor: pointer;
-  transition: opacity 150ms cubic-bezier(0.2, 0.8, 0.2, 1);
+  transition: opacity 150ms cubic-bezier(0.2, 0.8, 0.2, 1), transform 150ms cubic-bezier(0.2, 0.8, 0.2, 1);
 }
 .primary-cta-btn:active {
   opacity: 0.85;
+  transform: scale(0.95);
 }
-.primary-cta-btn-text {
+.primary-cta-btn-icon {
   color: #FFFFFF;
-  font-size: 14px;
-  font-weight: 600;
-  letter-spacing: 0.4px;
-}
-.primary-cta-btn-arrow {
-  color: rgba(255, 255, 255, 0.85);
-  font-size: 13px;
-  font-weight: 600;
-  margin-inline-start: 4px;
+  font-size: 20px;
+  font-weight: 700;
+  line-height: 1;
 }
 
 /* 6. 商务预约排期卡片与抽屉样式 (Bento Grid Appointment & Bottom Sheet) */