diff --git a/src/App.vue b/src/App.vue index d99fb06..fa1e920 100644 --- a/src/App.vue +++ b/src/App.vue @@ -547,8 +547,6 @@ async function handleVoiceQueryComplete(text: string) { .app-wrapper { width: 100%; height: 100%; - max-width: 1080px; - margin: 0 auto; position: relative; overflow: hidden; background: #0a0e1a; @@ -558,10 +556,12 @@ async function handleVoiceQueryComplete(text: string) { /* 全屏数字人 */ .human-fullscreen { position: absolute; - inset: 0; - display: flex; - justify-content: center; - align-items: center; + top: 0; + left: 0; + right: 0; + bottom: 0; + width: 100%; + height: 100%; z-index: 0; } @@ -1222,9 +1222,6 @@ async function handleVoiceQueryComplete(text: string) { /* 平板/大屏 (769px+) */ @media (min-width: 769px) { - .app-wrapper { - max-width: 1080px; - } } /* 横屏模式 */ diff --git a/src/components/SubtitlePanel.vue b/src/components/SubtitlePanel.vue index 53fba0f..806e831 100644 --- a/src/components/SubtitlePanel.vue +++ b/src/components/SubtitlePanel.vue @@ -584,7 +584,7 @@ const scrollToBottom = () => { left: 0; min-width: 180px; background: rgba(20, 25, 50, 0.97); - backdrop-filter: blur(24px); + backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.12); border-radius: 12px; padding: 6px; @@ -691,7 +691,7 @@ const scrollToBottom = () => { border: 1px solid rgba(108, 140, 255, 0.06); border-radius: 8px; padding: 8px 12px; - backdrop-filter: blur(4px); + backdrop-filter: blur(1px); transition: all 0.3s ease; position: relative; diff --git a/src/style.css b/src/style.css index 98037cb..4b85988 100644 --- a/src/style.css +++ b/src/style.css @@ -18,9 +18,6 @@ html, body { #app { width: 100%; height: 100%; - display: flex; - justify-content: center; - align-items: center; } :root {