From 4462473fcc185611b6de209f39b3077fed007b75 Mon Sep 17 00:00:00 2001 From: "Somhairle H. Marisol" Date: Fri, 18 Sep 2026 09:51:16 +0800 Subject: feat(frontend): 质感打磨——微过渡、卡片悬停、登录页留白与字阶 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit [变更性质] 视觉打磨，前端重设计第二轮之四。 [新增功能] 全局 150ms transition 层；hover:hover 且 768px+ 卡片 hover 上浮；登录/注册页留白重排（2rem/2.4rem 按宽度断点）；h1/h2/h3 字阶统一（1.55/1.18/1.02）。 [实现方案] 单层 app.css 聚合，动效仅在支持 hover 的桌面指针设备生效，避免移动端粘滞态；清理 .hint 重复规则。 [影响范围] app.css、AuthPages.svelte；无行为变化。 --- frontend/src/pages/AuthPages.svelte | 10 ++++++++-- 1 file changed, 8 insertions(+), 2 deletions(-) (limited to 'frontend/src/pages/AuthPages.svelte') diff --git a/frontend/src/pages/AuthPages.svelte b/frontend/src/pages/AuthPages.svelte index 6221368..7495d62 100644 --- a/frontend/src/pages/AuthPages.svelte +++ b/frontend/src/pages/AuthPages.svelte @@ -178,8 +178,14 @@ radial-gradient(700px 350px at 85% -60px, rgba(13, 148, 136, 0.08), transparent), var(--bg); } - .auth-card { width: min(400px, 100%); padding: 1.6rem; } - .auth-brand { margin-bottom: 1.1rem; } + .auth-card { width: min(400px, 100%); padding: 2rem 1.75rem 1.8rem; } + /* round2 登录页留白重排：标题区与表单拉开，卡片下缘留呼吸感 */ + @media (min-width: 768px) { + .auth-card { padding: 2.4rem 2.2rem 2.1rem; } + } + .auth-brand { margin-bottom: 1.35rem; } + .auth-brand h1 { margin-bottom: 0.3rem; } + .auth-brand p { max-width: 26em; } .mark { display: inline-block; width: 34px; -- cgit v1.2.3