Revamp docs with Apple-style design and fullpage scroll

[DusKing1]

Introduced a new Apple-inspired CSS design system and added a fullpage.js script for smooth section-based scrolling on the homepage. Major content and style updates were made to both English and Chinese documentation, including new hero sections, feature highlights, and improved structure for product and feature pages. Updated mkdocs.yml to reflect these changes.

[Copilot]

Pull request overview

This pull request introduces a comprehensive design overhaul of the documentation with an Apple-inspired aesthetic and adds fullpage.js for smooth, section-based scrolling. The changes affect both English and Chinese documentation, transforming the homepage and product pages with new hero sections, feature highlights, and refined visual styling.

Changes:

• Added fullpage.js script for Apple-style section scrolling on homepage
• Introduced comprehensive Apple-inspired CSS design system with gradient text, refined typography, and smooth animations
• Restructured content across homepage, product pages, and features pages in both English and Chinese with new hero sections and card-based layouts

Reviewed changes

Copilot reviewed 10 out of 10 changed files in this pull request and generated 14 comments.

Show a summary per file

File	Description
mkdocs.yml	Added fullpage.js to extra_javascript
docs/assets/js/fullpage.js	New JavaScript for section-based scroll snapping with touch and keyboard support
docs/assets/css/extra.css	Comprehensive Apple-inspired design system with hero sections, cards, and fullpage layouts
docs/zh/index.md	Redesigned Chinese homepage with hero section, feature highlights, and card-based content
docs/zh/fydelix/index.md	Restructured Chinese product page with product hero and organized feature sections
docs/zh/fydelix/features.md	Updated Chinese features page with refined content structure and presentation
docs/en/index.md	Redesigned English homepage matching Chinese version structure
docs/en/index_updated.md	New alternate English homepage (appears to be duplicate)
docs/en/fydelix/index.md	Restructured English product page with product hero and organized feature sections
docs/en/fydelix/features.md	Updated English features page with refined content structure and presentation

---

💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.

[Copilot]

A new file docs/en/index_updated.md has been created but appears to be a duplicate or alternate version of the main English index. Having two index files can cause confusion. Consider whether this file should replace the existing index.md, be removed, or be given a more descriptive name that clarifies its purpose.

[Copilot]

The keyboard event handler prevents default behavior for ArrowUp/ArrowDown keys, which will break normal keyboard navigation for users who want to scroll the page traditionally. Consider allowing default behavior in certain contexts, such as when a user is inside a text input or when the page content is taller than the viewport sections.

Suggested change

	function handleKeydown(e) {
	if (isScrolling) return;
	if (e.key === 'ArrowDown' || e.key === 'PageDown') {
	e.preventDefault();
	scrollToSection(currentSection + 1);
	} else if (e.key === 'ArrowUp' || e.key === 'PageUp') {
	function isEditableTarget(target) {
	if (!target) return false;
	const tagName = target.tagName;
	if (!tagName) return false;
	const editableTags = ['INPUT', 'TEXTAREA', 'SELECT'];
	if (editableTags.includes(tagName)) return true;
	if (target.isContentEditable) return true;
	return false;
	}
	function handleKeydown(e) {
	if (isScrolling) return;
	const key = e.key;
	// Allow default behavior inside editable/interactive elements
	if ((key === 'ArrowDown' || key === 'ArrowUp' || key === 'PageDown' || key === 'PageUp') &&
	isEditableTarget(e.target)) {
	return;
	}
	if (key === 'ArrowDown' || key === 'PageDown') {
	e.preventDefault();
	scrollToSection(currentSection + 1);
	} else if (key === 'ArrowUp' || key === 'PageUp') {

[Copilot]

The horizontal rule (line 19) appears between closing and opening div tags without clear purpose. This creates an inconsistent structure where some sections are separated by horizontal rules and others aren't. Consider removing this or applying consistent separation between all major sections.

[Copilot]

Inconsistent use of horizontal rules for section separation. Lines 59, 109, and 127 use horizontal rules outside of divs, while line 19 uses it between divs. This inconsistency makes the document structure harder to understand and maintain. Consider adopting a consistent pattern throughout the document.

[Copilot]

Missing closing div tag. The document starts a div with class "footer-links" on line 128 but ends with two closing div tags on lines 132 and 134. This creates an unbalanced div structure where the outermost container div opened at the beginning of the document is closed, but the nesting is unclear. Verify the div nesting structure is correct.

[Copilot]

The magic number 60 is used for the header offset without explanation. This should be either defined as a named constant at the top of the file or documented with a comment explaining that it corresponds to the MkDocs Material header height, making it easier to update if the header height changes.

[Copilot]

Missing closing div tag. The document starts a div with class "footer-links" on line 94 but ends with two closing div tags on lines 98 and 100. Similar to the Chinese version, this creates an unbalanced div structure. Verify the div nesting structure is correct.

[Copilot]

Missing closing div tag. The document starts a div with class "footer-links" on line 94 but ends with two closing div tags on lines 98 and 100. This creates an unbalanced div structure. Verify the div nesting structure is correct.

[Copilot]

Inconsistent Chinese spacing and punctuation. Line 24 uses "转化为飞行" (ends abruptly without proper punctuation), which appears to be an incomplete sentence or missing punctuation mark. This should end with proper punctuation for better readability.

Suggested change

	不是优化，是从零构建——基于实时操作系统从零打造，精心调校的信号链路确保锐利响应与丝滑手感并存，渐进式安全机制让每一次降落都在掌控之中。从摇杆到桨叶，每一个操控意图都被即时、精准地转化为飞行
	不是优化，是从零构建——基于实时操作系统从零打造，精心调校的信号链路确保锐利响应与丝滑手感并存，渐进式安全机制让每一次降落都在掌控之中。从摇杆到桨叶，每一个操控意图都被即时、精准地转化为飞行。

[Copilot]

Multiple magic numbers used throughout the CSS without clear documentation. Values like 8rem (lines 228, 261, 270), 3.5rem (line 14), 980px (line 201) are used without explanation. Consider defining these as CSS custom properties (variables) at the top of the file with descriptive names to improve maintainability.