diff --git a/index.html b/index.html index 2e72067..e852296 100644 --- a/index.html +++ b/index.html @@ -200,7 +200,7 @@ #statusMessage { padding: 10px 16px; border-radius: 10px; font-size: 13px; margin-top: 10px; } /* 下载区域 */ #downloadArea { - margin-top: 20px; padding: 28px; + margin-top: 20px; padding: 14px; background: rgba(34,197,94,0.08); border: 1px solid rgba(34,197,94,0.2); border-radius: var(--ov-radius); text-align: center; transition: height 0.3s ease; @@ -305,12 +305,10 @@ backdrop-filter: blur(20px); } #downloadArea h3 { - margin-bottom: 12px; font-size: 20px; letter-spacing: 0.2px; } #downloadArea button { - margin-top: 10px; padding: 12px 26px; border-radius: 14px; } @@ -356,22 +354,24 @@ animation: ovReveal 0.8s cubic-bezier(0.22, 1, 0.36, 1) 1s both; } /* 移动端适配 */ - body.device-mobile .ov-nav { padding: 12px 16px; } - body.device-mobile .ov-main { padding: 20px 12px 40px; } - body.device-mobile .ov-hero h1 { font-size: 24px; } - body.device-mobile .ov-hero p { font-size: 13px; } - body.device-mobile .ov-card { padding: 18px; margin-bottom: 14px; } - body.device-mobile .ov-card h2 { font-size: 16px; } - body.device-mobile #dropZone { padding: 24px 12px; } - body.device-mobile button { width: 100%; padding: 10px; } - body.device-mobile .file-item button { width: auto; padding: 6px 12px; font-size: 12px; } - body.device-mobile .lang-toggle { width: auto; padding: 4px 12px; } - body.device-mobile input[type="text"] { max-width: 100%; } - body.device-mobile .file-item { flex-direction: row; align-items: center; padding: 8px 10px; } - body.device-mobile .file-info { flex-direction: column; align-items: flex-start; gap: 2px; } - body.device-mobile .file-name { font-size: 13px; word-break: break-all; } - body.device-mobile .file-size { font-size: 11px; } - body.device-mobile .file-type-badge { font-size: 9px; padding: 2px 5px; } + body.device-mobile .ov-nav { padding: 10px 16px; } + body.device-mobile .ov-main { padding: 18px 16px 32px; } + body.device-mobile .ov-main .ov-card { margin: 0 auto 12px; max-width: calc(100% - 16px); } + body.device-mobile .ov-hero h1 { font-size: 20px; line-height: 1.25; } + body.device-mobile .ov-hero p { font-size: 12px; line-height: 1.5; } + body.device-mobile .ov-card { padding: 14px; margin-bottom: 12px; } + body.device-mobile .ov-card h2 { font-size: 15px; } + body.device-mobile #dropZone { padding: 20px 14px; } + body.device-mobile button { padding: 8px 14px; font-size: 13px; } + body.device-mobile .file-item button { padding: 8px 12px; font-size: 12px } + body.device-mobile .lang-toggle { width: auto; padding: 4px 10px; font-size: 12px; } + body.device-mobile input[type="text"] { max-width: 100%; font-size: 13px; } + body.device-mobile .file-item { align-items: stretch; padding: 10px 12px; } + body.device-mobile .file-info { flex-direction: column; align-items: flex-start; gap: 6px; display: unset} + body.device-mobile .file-name { font-size: 14px; word-break: break-word; } + body.device-mobile .file-size { font-size: 12px; } + body.device-mobile .file-type-badge { display: none; } + body.device-mobile .file-item { gap: 10px; } @@ -414,7 +414,7 @@

Configuration

- +
diff --git a/js/utils.umd.js b/js/utils.umd.js index b2e1d7d..2466b06 100644 --- a/js/utils.umd.js +++ b/js/utils.umd.js @@ -249,7 +249,7 @@ function applyI18n() { // 更新语言切换按钮文本 const langBtn = document.getElementById('langSwitchBtn'); if (langBtn) { - langBtn.textContent = currentLang === 'zh' ? 'EN' : '中文'; + langBtn.textContent = currentLang === 'zh' ? 'EN' : 'ZH'; } }