docs: optimize home page styles

[warmthsea]

The reasons for the change are as follows (Will not affect other codes):

• Please expand for before and after comparison

1、Non-dark mode display abnormality

before

after

html.dark:has(.landing) {
  --vp-c-bg: #101010;
}

2、Switching to the home page, the transition animation of the header is stiff

before

after

transition: none;

.VPNavBar *:not(.wrapper *) {
  transition: none;
}

3、Appearance Small screen display is meaningless

before

after

.VPMenu .translations + .group {
  display: none;
}

[bluwy]

Amazing PR description!

For no1, I think I've already fixed it at #18281 but it's not reflected on the site yet. It is on https://main.vite.dev though. So maybe we don't need that change here for now.

The rest looks great.

[warmthsea]

Amazing PR description!

For no1, I think I've already fixed it at #18281 but it's not reflected on the site yet. It is on https://main.vite.dev though. So maybe we don't need that change here for now.

The rest looks great.

No1
I actually changed the bottom of the search box because it does look a bit weird now.

Ⅰ. before (main.vite.dev)

Ⅱ. after (current)

Ⅲ. or change the text (If this is the presentation method, I will submit the code)

I will delete the code for No1 if it is not needed.

[bluwy]

Oh I didn't realize that you're changing the footer part. Nevermind then, let's keep the PR as is 👍

[patak-dev]

awesome!