diff --git a/README.md b/README.md index c33f565..b21c171 100644 --- a/README.md +++ b/README.md @@ -57,6 +57,7 @@ ### 界面与体验 - 复古票根色系(主色 `#e67e22` 橙)的响应式设计,移动端断点适配(600 / 768px)。 - 导航为下拉菜单,自动高亮当前页;顶部始终显示当前用户头像与用户名。 +- **点导航栏左上角的「🎬 电影日志」即可回到首页**(右键 / Ctrl+点击还能在新标签页打开),不必再展开右侧折叠菜单去找「首页」。 - 登录页为深色渐变 + 毛玻璃风格。 --- diff --git a/css/style.css b/css/style.css index d8d8a9e..ee3a212 100644 --- a/css/style.css +++ b/css/style.css @@ -82,6 +82,20 @@ body { font-weight: 700; color: var(--text-primary); text-decoration: none; + /* 作为「回到首页」的链接,给它一块够大的点击热区; + 用等量负外边距抵消内边距,保证文字的视觉位置与原来完全一致。 */ + padding: 6px 10px; + margin-left: -10px; + border-radius: 10px; + transition: background-color 0.2s ease; +} +.nav-brand:hover { + background: rgba(127, 127, 127, 0.12); +} +/* 键盘 Tab 聚焦时要有可见轮廓(鼠标点击时不出现,避免多余描边) */ +.nav-brand:focus-visible { + outline: 2px solid var(--primary); + outline-offset: 1px; } .nav-brand .brand-icon { font-size: 26px; diff --git a/nav.php b/nav.php index 239863c..b0190a4 100644 --- a/nav.php +++ b/nav.php @@ -16,10 +16,12 @@ $current_page = basename($_SERVER['PHP_SELF']); ?>