index.html

<!doctype html><html lang="zh-CN"><head><meta charset="utf-8"><meta name="viewport" content="width=device-width,initial-scale=1"><meta name="theme-color" content="#08090a"><title>SimDevices · 简单实用，可靠稳定。</title><meta name="description" content="SimDevices 致力于简单实用，同时力求可靠稳定的外设设计和制造。"><link rel="stylesheet" href="assets/dot.css"><link rel="stylesheet" href="assets/shared/tokens.css"><link rel="stylesheet" href="assets/shared/components.css"><link rel="stylesheet" href="assets/shared/motion.css"></head><body>
<a class="skip" href="#main">跳到主要内容</a>
<header class="sd-header"><a class="sd-brand" href="./" aria-label="SimDevices 首页">SimDevices</a><nav class="sd-nav" aria-label="主导航"><a href="./#products">产品</a><a href="./#about">关于</a><a href="https://sim.bysb.net/">支持 <span aria-hidden="true">↗</span></a></nav></header>
<main id="main"><section class="showcase" id="products" aria-label="SimDevices 产品轮播" aria-roledescription="轮播">
<div class="ambient" aria-hidden="true"></div><div class="stage" tabindex="0" aria-label="产品展示，使用左右方向键切换">
<article class="slide active" data-key="geki" aria-label="SimGEKI 2"><div class="visual"><img src="assets/simgeki-2.webp" width="1600" height="900" fetchpriority="high" alt="SimGEKI 2 正面，中央摇杆与六颗主按键"></div><div class="copy sd-hero-copy"><p class="sd-product-name">SimGEKI 2</p><h1 class="sd-hero-claim">让节奏，<br>成为触感。</h1><a class="cta sd-button" href="products/simgeki-2/">探索产品<svg class="sd-button-arrow" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div></article>
<article class="slide" data-key="pad" aria-label="SimPad 2" inert aria-hidden="true"><div class="visual photo"><img src="assets/simpad-2.webp" width="800" height="800" alt="SimPad 2 实拍，双键与银色面板"></div><div class="copy sd-hero-copy"><p class="sd-product-name">SimPad 2</p><h1 class="sd-hero-claim">两颗按键，<br>一份专注。</h1><a class="cta sd-button" href="products/simpad/#simpad-2">认识 SimPad<svg class="sd-button-arrow" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div></article>
<article class="slide" data-key="nano" aria-label="SimPad Nano" inert aria-hidden="true"><div class="visual photo nano"><img src="assets/nano-home.webp" width="800" height="445" alt="SimPad Nano 实拍，紧凑双键与挂绳"></div><div class="copy sd-hero-copy"><p class="sd-product-name">SimPad Nano</p><h1 class="sd-hero-claim">小一点，<br>依然尽兴。</h1><a class="cta sd-button" href="products/simpad/#simpad-nano">认识 Nano<svg class="sd-button-arrow" viewBox="0 0 24 24" aria-hidden="true"><path d="M5 12h14M13 6l6 6-6 6"/></svg></a></div></article>
</div>
<div class="carousel-controls"><div class="choices" aria-label="选择产品"><button data-index="0" aria-current="true"><span>SimGEKI 2</span><i></i></button><button data-index="1"><span>SimPad 2</span><i></i></button><button data-index="2"><span>SimPad Nano</span><i></i></button></div><div class="arrows"><button data-step="-1" aria-label="上一款产品"><svg viewBox="0 0 24 24"><path d="M19 12H5m6-6-6 6 6 6"/></svg></button><button data-step="1" aria-label="下一款产品"><svg viewBox="0 0 24 24"><path d="M5 12h14m-6-6 6 6-6 6"/></svg></button></div></div><span id="announcement" class="sr" aria-live="polite"></span>
</section>
<section class="about" id="about"><p class="overline">SimDevices</p><h2>简单实用。<br><span>可靠稳定。</span></h2><div class="about-copy"><p>SimDevices 致力于简单实用，同时力求可靠稳定的外设设计和制造。</p><a href="https://github.com/SimDevices-Project">开源于 GitHub，欢迎贡献 <span aria-hidden="true">↗</span></a></div></section>
<section class="support" aria-label="使用与支持"><a href="https://sim.bysb.net/"><h3>使用与维护</h3><span>产品指南与维护说明</span><b aria-hidden="true">↗</b></a><a href="https://sim.bysb.net/#/control_pannel/"><h3>设备设置</h3><span>找到适合设备的设置工具</span><b aria-hidden="true">↗</b></a><a href="https://ticket.sim.bysb.net/"><h3>获取支持</h3><span>有问题，我们一起解决</span><b aria-hidden="true">↗</b></a></section>
</main><footer class="sd-footer"><a class="sd-footer-brand" href="./">SimDevices</a><span>SimDevices©2026</span><a href="https://github.com/SimDevices-Project">GitHub ↗</a></footer><script src="assets/dot.js"></script></body></html>