feat: 宽屏适配从1440px扩展到2560px

- 屏幕宽度>1440px时,页面最大宽度从1180px扩展到2560px
- 使用CSS变量--home-maxw统一管理,确保其他断点不受影响
This commit is contained in:
MengStack Dev 2026-10-03 02:07:36 +08:00
parent fca3326e34
commit 1c8d1a05d1

View File

@ -427,6 +427,9 @@ watch(menuOpen, (open) => {
--font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif; --font:"Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;
--mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,"Liberation Mono",monospace; --mono:ui-monospace,"SF Mono","Cascadia Code",Menlo,Consolas,"Liberation Mono",monospace;
} }
@media (min-width:1441px){
.home-root{--home-maxw:2560px}
}
.home-root.dark{ .home-root.dark{
--home-bg:#16140f; --home-bg:#16140f;
--home-bg-soft:#1d1a13; --home-bg-soft:#1d1a13;
@ -743,9 +746,6 @@ watch(menuOpen, (open) => {
/* --- Widescreen 1440+ --- */ /* --- Widescreen 1440+ --- */
@media (min-width:1440px){ @media (min-width:1440px){
.home-wrap{max-width:1320px}
.home-nav-inner{max-width:1320px}
.home-trust-inner{max-width:1320px}
.home-hero{padding:160px 0 100px} .home-hero{padding:160px 0 100px}
.home-hero-grid{gap:72px} .home-hero-grid{gap:72px}
.home-feature-grid{gap:24px} .home-feature-grid{gap:24px}