diff --git a/src/App.vue b/src/App.vue index 0f36c66..ea6a25a 100644 --- a/src/App.vue +++ b/src/App.vue @@ -1691,6 +1691,111 @@ async function handleVoiceQueryComplete(text: string) { } } +/* 1080×1920 分辨率专用优化 */ +@media (width: 1080px) and (height: 1920px) { + .connect-overlay { + padding-top: 26vh; + } + + .connect-card { + width: 500px; + padding: 72px 48px; + border-radius: 48px; + } + + .connect-platform { + width: 68%; + bottom: 8%; + } + + .connect-avatar { + width: 118px; + height: 118px; + border-width: 4px; + } + + .connect-logo { + margin-bottom: 30px; + } + + .connect-title { + font-size: 34px; + margin-bottom: 14px; + letter-spacing: 0.6px; + } + + .connect-desc { + font-size: 17px; + margin-bottom: 44px; + line-height: 1.55; + } + + .connect-actions { + margin-bottom: 0; + } + + .connect-btn { + padding: 22px 40px; + font-size: 19px; + border-radius: 34px; + } + + /* 已连接状态:右侧控制按钮尺寸放大,确保触控响应区域充足 */ + .side-controls { + right: 32px; + gap: 18px; + } + + .mic-btn, + .interrupt-btn, + .hangup-btn { + width: 168px; + height: 168px; + border-radius: 48px; + + .mic-label, + .interrupt-label, + .hangup-label { + font-size: 24px; + } + } + + .mic-btn-ring { + inset: -16px; + border-radius: 60px; + } + + /* 顶部状态栏 */ + .top-bar { + padding: 36px 48px; + } + + .status-text { + font-size: 17px; + } + + .status-dot { + width: 12px; + height: 12px; + } + + /* 字幕区域 */ + .subtitle-overlay { + width: 76%; + top: 68%; + } + + .subtitle-container { + padding: 18px 24px; + border-radius: 20px; + } + + .status-hint { + font-size: 44px; + letter-spacing: 3px; + bottom: 20%; + } +} /* 1440×2560 分辨率专用优化 */ @media (width: 1440px) and (height: 2560px) { .connect-overlay {