eBike Components

About

/* Container & Global Scope */ .hw-spec-container { --hw-primary-dark: #0f172a; /* Slate 900 */ --hw-card-bg: #ffffff; --hw-card-border: #e2e8f0; /* Slate 200 */ --hw-accent: #ea580c; /* Premium Outdoor / Performance Orange */ --hw-accent-hover: #c2410c; --hw-text-main: #334155; /* Slate 700 */ --hw-text-muted: #64748b; /* Slate 500 */ --hw-shadow-sm: 0 1px 3px 0 rgba(0, 0, 0, 0.05); --hw-shadow-hover: 0 12px 24px -4px rgba(15, 23, 42, 0.08); max-width: 1200px; /* 已更新为 1200px */ margin: 25px auto; padding: 25px 32px; background-color: #f8fafc; /* Soft luxury background */ border-radius: 20px; box-shadow: 0 4px 20px -2px rgba(0, 0, 0, 0.03); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; color: var(--hw-text-main); line-height: 1.6; box-sizing: border-box; } .hw-spec-container *, .hw-spec-container *::before, .hw-spec-container *::after { box-sizing: inherit; } /* Main Title (H2) */ .hw-spec-container h2 { font-size: clamp(1.75rem, 3.5vw, 2.35rem); font-weight: 800; color: var(--hw-primary-dark); letter-spacing: -0.03em; line-height: 1.25; margin: 0 0 14px 0; text-align: center; } /* Subtitle / Intro Paragraph */ .hw-spec-container > p:first-of-type { font-size: 1.05rem; color: var(--hw-text-muted); text-align: center; max-width: 760px; /* 同步微调以适应 1200px 视觉比例 */ margin: 0 auto 40px auto; line-height: 1.6; } .hw-spec-container > p:first-of-type strong { color: var(--hw-primary-dark); font-weight: 600; } /* Category Headings (H3) */ .hw-spec-container h3 { font-size: 1.15rem; font-weight: 700; color: var(--hw-primary-dark); letter-spacing: -0.015em; margin: 32px 0 16px 0; padding-left: 14px; border-left: 3px solid var(--hw-accent); display: flex; align-items: center; } /* Specifications List (Grid Cards) */ .hw-spec-container ul { list-style: none; padding: 0; margin: 0 0 24px 0; display: grid; /* 调整 minmax 至 260px，使 1200px 容器下 4 个卡片可单行并排，3 个卡片自动均分 */ grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));

On-page SEO